V10 RWD and Hi Slider

**ngbris72** · 29 July 2014, 04:38 AM

Hi everyone,

We have just begun with V10. Starting out we made a simple nothing site to get familiar with and develop our variant strategy. After creating 3 variants and using a placeholder for the Hi Slider image gallery we could not get the Hi Slider gallery to work. Everything seems to be loading but nothing is showing. Interestingly it has a different output when I use it on a different monitor (width), it shows the "Please wait i am downloading files" icon. That is no good because there is two of the spinners and there is no images to see. That says to me there is something wrong in the settings (possibly Hi Slider). When I set up the placeholders I SCALED them down so they remain proportionally correct (to the images) and let someone else worry about the image fitting. We have used the Hi Slider with V9 and have no problems. Unlike V10. Perhaps it is the RWD?

It seems that the Hi Slider gallery won't work across variants? I am familiar with the embedding procedure and have checked everything. We made a simple site with V10 with no variants and as expected (well not really) everything is ok as far as the image gallery working is concerned. Any ideas? It is a nice slider and we would like to use it with our V10 site upgrades.

Does anyone have a Xara compliant image gallery alternative they can recommend?

Regards,

Nick

**letsgofishing** · 29 July 2014, 06:24 AM

Hi there,
There is a problem with HS and version 10. This issue came up a number of weeks ago - I can't find the thread - do a search for hislider???

**ngbris72** · 29 July 2014, 07:51 AM

thanks.

there is a lot of others reporting the same things.

**bb2** · 29 July 2014, 02:34 PM

HI Please can you provide an example url and confirm whether you are using Web Designer or Designer Pro

Many thanks

**ngbris72** · 29 July 2014, 09:36 PM

Hi bb2,

XDP10.There is no URL we are on the desktop only at this stage and looking to get this resolved.

I tried a few attribute changes and adding another <div> after reading the other posts, no luck.

Here is the code output:

<head>

<script type="text/javascript" src="sliderengine/jquery.js">
</script><script type="text/javascript" src="sliderengine/jquery.hislider.js"></script>

<body>


<div id="hislider1" style=" max-width:1920px;max-height:500px;height:100%; margin: 0 auto;"><ul style="display: none;overflow: hidden; height: 0; visibility: hidden; opacity: 0;">
<li>
<div>
<img data-src="dataimages/Polehome banner 1.png" data-thumb-src="dataimages/Polehome banner 1-th.png" title="Polehome banner 1" alt="" data-content-type="image" data-content="" data-interval="-1"/>
<div data-type="effect" data-effect-type="Random"></div>
</div>
</li>
<li>
<div>
<img data-src="dataimages/Polehome banner 2.png" data-thumb-src="dataimages/Polehome banner 2-th.png" title="Polehome banner 2" alt="" data-content-type="image" data-content="" data-interval="-1"/>
<div data-type="effect" data-effect-type="Random"></div>
</div>
</li>
<li>
<div>
<img data-src="dataimages/Polehome banner 3.png" data-thumb-src="dataimages/Polehome banner 3-th.png" title="Polehome banner 3" alt="" data-content-type="image" data-content="" data-interval="-1"/>
<div data-type="effect" data-effect-type="Random"></div>
</div>
</li>
<li>
<div>
<img data-src="dataimages/Polehome banner 4.png" data-thumb-src="dataimages/Polehome banner 4-th.png" title="Polehome banner 4" alt="" data-content-type="image" data-content="" data-interval="-1"/>
<div data-type="effect" data-effect-type="Random"></div>
</div>
</li>
<li>
<div>
<img data-src="dataimages/Polehome banner 5.png" data-thumb-src="dataimages/Polehome banner 5-th.png" title="Polehome banner 5" alt="" data-content-type="image" data-content="" data-interval="-1"/>
<div data-type="effect" data-effect-type="Random"></div>
<div data-type="action" data-trigger-evt="" data-action-type="popUp" data-content="dataimages/Polehome banner 5-org.png"></div></div>
</li>
</ul><noscript>The slider is powered by <strong>Hi Slider</strong>, a easy jQuery image slider from <a target="_blank" href="hislider.com">hislider.com</a>. Please enable JavaScript to view.</noscript><div class="hi-about-text" style="display:none">This jQuery slider was created with the free <a style="color:#FFF;" href="http://hislider.com" target="_blank">Hi Slider</a> for WordPress plugin,Joomla & Drupal Module from hislider.com.<br /><br /><a style="color:#FFF;" href="#" class="hi-about-ok">OK</a></div><div class="hi-slider-watermark" style="display:none"><a href="http://hislider.com" target="_blank">hislider.com</a></div></div>


Regards,

NIck

**ngbris72** · 30 July 2014, 07:17 AM

this is the code mods I have made.

it is in accordance with what bb2 advised in other threads about the same slider.

Click image for larger version.

Name: noreset bs.JPG
Views: 154
Size: 45.3 KB
ID: 103034

what else does one need to do?

cheers

**bb2** · 30 July 2014, 10:29 AM

please try replacing xr_noreset with xr_reset if you are using DPX10

**ngbris72** · 30 July 2014, 11:50 AM

bbr,

no good unfortunately.

one thing, 2 actually.

1) I have 3 variants, when the browser width is changed the slider placeholder shoes up in the browser and the file download spinner is visible also. So there is something weird going on. (you can see the variants being called as the browser width changes, because I have another object I can observe and it is changing!).

2) I checked the DOM with Firebug and could not find xr_noreset or xr_reset, only xr_nore is there. I am not an expert in this, did a couple of CS subjects a while back. So, I don't know if this helps.

Looking forward to resolution soon.

Cheers

Nick

**ngbris72** · 30 July 2014, 12:23 PM

shot of browser when width is set to "small", as opposed to "large" where there is nothing.

Click image for larger version.

Name: Browser.jpg
Views: 149
Size: 26.3 KB
ID: 103037

hth

**bb2** · 30 July 2014, 02:11 PM

HI Id need to look at a published example in order to assist with this. Please can anyone having this problem publish an example page and share the url.

Note you can send the url to Xara support if you prefer. Please ensure you include a reference to this thread

Thanks