V10 RWD and Hi Slider

Printable View

29 July 2014, 04:38 AM
ngbris72

V10 RWD and Hi Slider

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
29 July 2014, 06:24 AM
letsgofishing

Re: V10 RWD and Hi Slider

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???
29 July 2014, 07:51 AM
ngbris72

Re: V10 RWD and Hi Slider

thanks.

there is a lot of others reporting the same things.
29 July 2014, 02:34 PM
bb2

Re: V10 RWD and Hi Slider

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

Many thanks
29 July 2014, 09:36 PM
ngbris72

Re: V10 RWD and Hi Slider

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
30 July 2014, 07:17 AM
ngbris72

1 Attachment(s)

Re: V10 RWD and Hi Slider

this is the code mods I have made.

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

Attachment 103034

what else does one need to do?

cheers
30 July 2014, 10:29 AM
bb2

Re: V10 RWD and Hi Slider

please try replacing xr_noreset with xr_reset if you are using DPX10
30 July 2014, 11:50 AM
ngbris72

Re: V10 RWD and Hi Slider

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
30 July 2014, 12:23 PM
ngbris72

1 Attachment(s)

Re: V10 RWD and Hi Slider

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

Attachment 103037

hth
30 July 2014, 02:11 PM
bb2

Re: V10 RWD and Hi Slider

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
31 July 2014, 12:20 AM
ngbris72

1 Attachment(s)

Re: V10 RWD and Hi Slider

Ok I have been through all that support ticket submission stuff.

Here is the id: #YXT-882-85482.

There is a subdomain link to a site which displays the problems. The details have been supplied in the ticket.

I think the export code is playing up. Does not seem to be assigning the class attribute to all variants.

bb2 can you please look into this?

I will post back the solutions to the problem here.

Attachment 103053

Regards,

Nick