Forums / All Other Contributions/Addons / Slides JS Slide Show Plugin

Slides JS Slide Show Plugin

Results 1 to 20 of 49
19 Nov 2012, 23:40
#1
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Slides JS Slide Show Plugin

This great jquery slide show is lightweight and a great way to showcase your promotions on your zen cart main page.

Attachment 11494

See a live demo here:

Slides JS for Zen Cart Demo

Module Features:

  • Completely customizable

  • Add your images, and links

  • W3C Valid XHTML and CSS

  • No changes to core files

  • Easy Installation

  • Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.

  • Fully compatible with versions 1.3.8x, 1.3.9x, 1.5x. Would probably work with lower versions although it has not been tested.



Please post any bugs or questions here.

Thanks,

Anne
20 Nov 2012, 23:19
#2
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

Hi Anne,

I just installed (I think ;) ) this new slider on a Brighton Pets template here:

http://www.fashion-mart.biz/

The slider looks mis-aligned on the left. I think the photo should be even with the left column' left edge?

width of template is 980px. Slide pics are 980x250

Thanks.

Steve
20 Nov 2012, 23:26
#3
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

Also, from the installation instructions, are we supposed to ADD this code to our main style sheet? Instr says to find.

In a plain text editor open the file includes/templates/YOUR_TEMPLATE/css/stylesheet.css. Find this code:

/*bof slide show*/
#container {width:550px;padding:10px;margin:0 auto;position:relative;z-index:0;margin-bottom:20px;}
#example {width:550px;height:302px;position:relative;}
#slides {position:absolute;top:0px;left:4px;z-index:100;}
.slides_container {width:550px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:550px;height:302px;display:block;}
20 Nov 2012, 23:47
#4
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

SPH:

Also, from the installation instructions, are we supposed to ADD this code to our main style sheet? Instr says to find.


Sorry about that! It is a typo. The style sheet for the module is includes/templates/YOUR_TEMPLATE/css/stylesheet_slides.css.

I'll get that fixed in a future update.

Thanks,

Anne
20 Nov 2012, 23:49
#5
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

SPH:

Hi Anne,

I just installed (I think ;) ) this new slider on a Brighton Pets template here:

http://www.fashion-mart.biz/

The slider looks mis-aligned on the left. I think the photo should be even with the left column' left edge?

width of template is 980px. Slide pics are 980x250

Thanks.

Steve


Add this to the #container on the first line of the stylesheet_slides.css file:

left: -15px;


Thanks,

Anne
21 Nov 2012, 01:32
#6
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

picaflor-azul:

Add this to the #container on the first line of the stylesheet_slides.css file:

left: -15px;


Thanks,

Anne


It worked, thanks!

http://www.fashion-mart.biz/

I removed the old Easy Slider code from the Brighton Pets main stylehseet, which I assume we are to do when swapping sliders on your templates. I did find this part at the bottom of the old slider code uncertain, but removed it...was that correct?

#home-banner{height:250px;}
21 Nov 2012, 14:47
#7
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

SPH:

It worked, thanks!

http://www.fashion-mart.biz/

I removed the old Easy Slider code from the Brighton Pets main stylehseet, which I assume we are to do when swapping sliders on your templates. I did find this part at the bottom of the old slider code uncertain, but removed it...was that correct?includes/templates/preston_elite/images/logo.png

#home-banner{height:250px;}


Yes, you can either remove that line or leave it in if your slide show images are 250px high.

I am happy that it worked for you ;-)

Thanks,

Anne
31 Dec 2012, 10:11
#8
aralelex avatar

aralelex

New Zenner

Join Date:
Mar 2010
Posts:
3
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

Hi all,

I installed it on my website slidehow, I have custom images and css works very well.

How can I put the slideshow on every page of my website?

This is my website:

http://www.intimefantasie.it
31 Dec 2012, 14:53
#9
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

aralelex:

Hi all,

I installed it on my website slidehow, I have custom images and css works very well.

How can I put the slideshow on every page of my website?

This is my website:

http://www.intimefantasie.it


You will remove the if part of the code you added to includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php.

Thanks,

Anne
20 Jan 2013, 15:52
#10
mikeyg avatar

mikeyg

Totally Zenned

Join Date:
May 2005
Posts:
515
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

I have just tried to install this on a local test site which has Ajax image swapper . My images now do not display for either the slider or my product info page. I have had this issue before where any other jquery based plugin does not work due to the ajax image swapper.

Is there a solution to avoid this clash. and get Ajax to work with other jquery products..

Or is there a way of having a slider for the additional images under the product image. As I am prepared to do away with the other feature of the ajax image swapper which is to change the main image when the attributes are selected.
20 Jan 2013, 21:09
#11
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

MikeyG:

I have just tried to install this on a local test site which has Ajax image swapper . My images now do not display for either the slider or my product info page. I have had this issue before where any other jquery based plugin does not work due to the ajax image swapper.

Is there a solution to avoid this clash. and get Ajax to work with other jquery products..

Or is there a way of having a slider for the additional images under the product image. As I am prepared to do away with the other feature of the ajax image swapper which is to change the main image when the attributes are selected.


My guess is that you are loading the same jquery files or calling the jquery main library twice. You need to check all of the jquery files used for both modules and find out what is causing the conflict.

Thanks,

Anne
19 Mar 2013, 05:20
#12
zoftheashes avatar

zoftheashes

New Zenner

Join Date:
Jun 2011
Posts:
15
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

picaflor-azul:

You will remove the if part of the code you added to includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php.

Thanks,

Anne


Hello,

I installed this wonderful plugin on a new v1.5.1 and would also like to have slide shows on other pages. I tried removing the
<?PHP if($this_is_home_page) { ?> ... <?PHP } ?>
code from my template tpl_main_page.php but the slide show only works on home page and product pages. Ideally I would like the slide show to work on page_2.php or an EZ-page.

When I say "it doesn't work" I mean the slide show container and example divs appear (at least on page_2.php) along with the previous and next buttons. But there are no revolving pictures. Turning off --> /*display:none;*/ on the .slides_container reveals the missing images but I am at a loss on how to fix.:dontgetit

Any help would be greatly appreciated!
20 Mar 2013, 20:04
#13
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

ZoftheAshes:

Hello,

I installed this wonderful plugin on a new v1.5.1 and would also like to have slide shows on other pages. I tried removing the
<?PHP if($this_is_home_page) { ?> ... <?PHP } ?>
code from my template tpl_main_page.php but the slide show only works on home page and product pages. Ideally I would like the slide show to work on page_2.php or an EZ-page.

When I say "it doesn't work" I mean the slide show container and example divs appear (at least on page_2.php) along with the previous and next buttons. But there are no revolving pictures. Turning off --> /*display:none;*/ on the .slides_container reveals the missing images but I am at a loss on how to fix.:dontgetit

Any help would be greatly appreciated!


If you post a link to your site I can take a look ;-)


Thanks,

Anne
22 Mar 2013, 02:04
#14
zoftheashes avatar

zoftheashes

New Zenner

Join Date:
Jun 2011
Posts:
15
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

Thanks for getting back to me,

I'm still working on my local (test) server. So I saved the page to my desk top and uploaded to my soon to be old site. -Hope this works:

http://www.graphics-remarkable.com/Page 2 _ graphics, Remarkable!, design | print | media.html
23 Mar 2013, 01:08
#15
zoftheashes avatar

zoftheashes

New Zenner

Join Date:
Jun 2011
Posts:
15
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

Hey I stumbled on a solution:flex:

After comparing the source code of my home page and page_2 I found a missing java script:

<script type="text/javascript">
/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.1.9
* Updated: September 5th, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
<!--
(function(a){a.fn.slides=function(b){return b=a.extend({},a.fn.slides.option,b),this.each(function(){function w(g,h,i){if(!p&&o){p=!0,b.animationStart(n+1);switch(g){case"next":l=n,k=n+1,k=e===k?0:k,r=f*2,g=-f*2,n=k;break;case"prev":l=n,k=n-1,k=k===-1?e-1:k,r=0,g=0,n=k;break;case"pagination":k=parseInt(i,10),l=a("."+b.paginationClass+" li."+b.currentClass+" a",c).attr("href").match("[^#/]+$"),k>l?(r=f*2,g=-f*2):(r=0,g=0),n=k}h==="fade"?b.crossfade?d.children(":eq("+k+")",c).css({zIndex:10}).fadeIn(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1)}):d.children(":eq("+l+")",c).fadeOut(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing)}):d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing,function(){a.browser.msie&&a(this).get(0).style.removeAttribute("filter")}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+k+")").css({left:r,display:"block"}),b.autoHeight?d.animate({left:g,height:d.children(":eq("+k+")").outerHeight()},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1}):d.animate({left:g},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1})),b.pagination&&(a("."+b.paginationClass+" li."+b.currentClass,c).removeClass(b.currentClass),a("."+b.paginationClass+" li:eq("+k+")",c).addClass(b.currentClass))}}function x(){clearInterval(c.data("interval"))}function y(){b.pause?(clearTimeout(c.data("pause")),clearInterval(c.data("interval")),u=setTimeout(function(){clearTimeout(c.data("pause")),v=setInterval(function(){w("next",i)},b.play),c.data("interval",v)},b.pause),c.data("pause",u)):x()}a("."+b.container,a(this)).children().wrapAll('<div class="slides_control"/>');var c=a(this),d=a(".slides_control",c),e=d.children().size(),f=d.children().outerWidth(),g=d.children().outerHeight(),h=b.start-1,i=b.effect.indexOf(",")<0?b.effect:b.effect.replace(" ","").split(",")[0],j=b.effect.indexOf(",")<0?i:b.effect.replace(" ","").split(",")[1],k=0,l=0,m=0,n=0,o,p,q,r,s,t,u,v;if(e<2)return a("."+b.container,a(this)).fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()}),a("."+b.next+", ."+b.prev).fadeOut(0),!1;if(e<2)return;h<0&&(h=0),h>e&&(h=e-1),b.start&&(n=h),b.randomize&&d.randomize(),a("."+b.container,c).css({overflow:"hidden",position:"relative"}),d.children().css({position:"absolute",top:0,left:d.children().outerWidth(),zIndex:0,display:"none"}),d.css({position:"relative",width:f*3,height:g,left:-f}),a("."+b.container,c).css({display:"block"}),b.autoHeight&&(d.children().css({height:"auto"}),d.animate({height:d.children(":eq("+h+")").outerHeight()},b.autoHeightSpeed));if(b.preload&&d.find("img:eq("+h+")").length){a("."+b.container,c).css({background:"url("+b.preloadImage+") no-repeat 50% 50%"});var z=d.find("img:eq("+h+")").attr("src")+"?"+(new Date).getTime();a("img",c).parent().attr("class")!="slides_control"?t=d.children(":eq(0)")[0].tagName.toLowerCase():t=d.find("img:eq("+h+")"),d.find("img:eq("+h+")").attr("src",z).load(function(){d.find(t+":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){a(this).css({zIndex:5}),a("."+b.container,c).css({background:""}),o=!0,b.slidesLoaded()})})}else d.children(":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()});b.bigTarget&&(d.children().css({cursor:"pointer"}),d.children().click(function(){return w("next",i),!1})),b.hoverPause&&b.play&&(d.bind("mouseover",function(){x()}),d.bind("mouseleave",function(){y()})),b.generateNextPrev&&(a("."+b.container,c).after('<a href="#" class="'+b.prev+'">Prev</a>'),a("."+b.prev,c).after('<a href="#" class="'+b.next+'">Next</a>')),a("."+b.next,c).click(function(a){a.preventDefault(),b.play&&y(),w("next",i)}),a("."+b.prev,c).click(function(a){a.preventDefault(),b.play&&y(),w("prev",i)}),b.generatePagination?(b.prependPagination?c.prepend("<ul class="+b.paginationClass+"></ul>"):c.append("<ul class="+b.paginationClass+"></ul>"),d.children().each(function(){a("."+b.paginationClass,c).append('<li><a href="#'+m+'">'+(m+1)+"</a></li>"),m++})):a("."+b.paginationClass+" li a",c).each(function(){a(this).attr("href","#"+m),m++}),a("."+b.paginationClass+" li:eq("+h+")",c).addClass(b.currentClass),a("."+b.paginationClass+" li a",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$"),n!=q&&w("pagination",j,q),!1}),a("a.link",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$")-1,n!=q&&w("pagination",j,q),!1}),b.play&&(v=setInterval(function(){w("next",i)},b.play),c.data("interval",v))})},a.fn.slides.option={preload:!1,preloadImage:"/img/loading.gif",container:"slides_container",generateNextPrev:!1,next:"next",prev:"prev",pagination:!0,generatePagination:!0,prependPagination:!1,paginationClass:"pagination",currentClass:"current",fadeSpeed:350,fadeEasing:"",slideSpeed:350,slideEasing:"",start:1,effect:"slide",crossfade:!1,randomize:!1,play:0,pause:0,hoverPause:!1,autoHeight:!1,autoHeightSpeed:350,bigTarget:!1,animationStart:function(){},animationComplete:function(){},slidesLoaded:function(){}},a.fn.randomize=function(b){function c(){return Math.round(Math.random())-.5}return a(this).each(function(){var d=a(this),e=d.children(),f=e.length;if(f>1){e.hide();var g=[];for(i=0;i<f;i++)g[g.length]=i;g=g.sort(c),a.each(g,function(a,c){var f=e.eq(c),g=f.clone(!0);g.show().appendTo(d),b!==undefined&&b(f,g),f.remove()})}})}})(jQuery)
-->
</script>


So I copied and pasted it into the jscript_jquery.min.php and now it works! :clap:
24 Mar 2013, 20:32
#16
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

ZoftheAshes:

Hey I stumbled on a solution:flex:

After comparing the source code of my home page and page_2 I found a missing java script:

<script type="text/javascript">
/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.1.9
* Updated: September 5th, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
<!--
(function(a){a.fn.slides=function(b){return b=a.extend({},a.fn.slides.option,b),this.each(function(){function w(g,h,i){if(!p&&o){p=!0,b.animationStart(n+1);switch(g){case"next":l=n,k=n+1,k=e===k?0:k,r=f*2,g=-f*2,n=k;break;case"prev":l=n,k=n-1,k=k===-1?e-1:k,r=0,g=0,n=k;break;case"pagination":k=parseInt(i,10),l=a("."+b.paginationClass+" li."+b.currentClass+" a",c).attr("href").match("[^#/]+$"),k>l?(r=f*2,g=-f*2):(r=0,g=0),n=k}h==="fade"?b.crossfade?d.children(":eq("+k+")",c).css({zIndex:10}).fadeIn(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+l+")",c).css({display:"none",zIndex:0}),d.children(":eq("+k+")",c).css({zIndex:0}),b.animationComplete(k+1),p=!1)}):d.children(":eq("+l+")",c).fadeOut(b.fadeSpeed,b.fadeEasing,function(){b.autoHeight?d.animate({height:d.children(":eq("+k+")",c).outerHeight()},b.autoHeightSpeed,function(){d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing)}):d.children(":eq("+k+")",c).fadeIn(b.fadeSpeed,b.fadeEasing,function(){a.browser.msie&&a(this).get(0).style.removeAttribute("filter")}),b.animationComplete(k+1),p=!1}):(d.children(":eq("+k+")").css({left:r,display:"block"}),b.autoHeight?d.animate({left:g,height:d.children(":eq("+k+")").outerHeight()},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1}):d.animate({left:g},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1})),b.pagination&&(a("."+b.paginationClass+" li."+b.currentClass,c).removeClass(b.currentClass),a("."+b.paginationClass+" li:eq("+k+")",c).addClass(b.currentClass))}}function x(){clearInterval(c.data("interval"))}function y(){b.pause?(clearTimeout(c.data("pause")),clearInterval(c.data("interval")),u=setTimeout(function(){clearTimeout(c.data("pause")),v=setInterval(function(){w("next",i)},b.play),c.data("interval",v)},b.pause),c.data("pause",u)):x()}a("."+b.container,a(this)).children().wrapAll('<div class="slides_control"/>');var c=a(this),d=a(".slides_control",c),e=d.children().size(),f=d.children().outerWidth(),g=d.children().outerHeight(),h=b.start-1,i=b.effect.indexOf(",")<0?b.effect:b.effect.replace(" ","").split(",")[0],j=b.effect.indexOf(",")<0?i:b.effect.replace(" ","").split(",")[1],k=0,l=0,m=0,n=0,o,p,q,r,s,t,u,v;if(e<2)return a("."+b.container,a(this)).fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()}),a("."+b.next+", ."+b.prev).fadeOut(0),!1;if(e<2)return;h<0&&(h=0),h>e&&(h=e-1),b.start&&(n=h),b.randomize&&d.randomize(),a("."+b.container,c).css({overflow:"hidden",position:"relative"}),d.children().css({position:"absolute",top:0,left:d.children().outerWidth(),zIndex:0,display:"none"}),d.css({position:"relative",width:f*3,height:g,left:-f}),a("."+b.container,c).css({display:"block"}),b.autoHeight&&(d.children().css({height:"auto"}),d.animate({height:d.children(":eq("+h+")").outerHeight()},b.autoHeightSpeed));if(b.preload&&d.find("img:eq("+h+")").length){a("."+b.container,c).css({background:"url("+b.preloadImage+") no-repeat 50% 50%"});var z=d.find("img:eq("+h+")").attr("src")+"?"+(new Date).getTime();a("img",c).parent().attr("class")!="slides_control"?t=d.children(":eq(0)")[0].tagName.toLowerCase():t=d.find("img:eq("+h+")"),d.find("img:eq("+h+")").attr("src",z).load(function(){d.find(t+":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){a(this).css({zIndex:5}),a("."+b.container,c).css({background:""}),o=!0,b.slidesLoaded()})})}else d.children(":eq("+h+")").fadeIn(b.fadeSpeed,b.fadeEasing,function(){o=!0,b.slidesLoaded()});b.bigTarget&&(d.children().css({cursor:"pointer"}),d.children().click(function(){return w("next",i),!1})),b.hoverPause&&b.play&&(d.bind("mouseover",function(){x()}),d.bind("mouseleave",function(){y()})),b.generateNextPrev&&(a("."+b.container,c).after('<a href="#" class="'+b.prev+'">Prev</a>'),a("."+b.prev,c).after('<a href="#" class="'+b.next+'">Next</a>')),a("."+b.next,c).click(function(a){a.preventDefault(),b.play&&y(),w("next",i)}),a("."+b.prev,c).click(function(a){a.preventDefault(),b.play&&y(),w("prev",i)}),b.generatePagination?(b.prependPagination?c.prepend("<ul class="+b.paginationClass+"></ul>"):c.append("<ul class="+b.paginationClass+"></ul>"),d.children().each(function(){a("."+b.paginationClass,c).append('<li><a href="#'+m+'">'+(m+1)+"</a></li>"),m++})):a("."+b.paginationClass+" li a",c).each(function(){a(this).attr("href","#"+m),m++}),a("."+b.paginationClass+" li:eq("+h+")",c).addClass(b.currentClass),a("."+b.paginationClass+" li a",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$"),n!=q&&w("pagination",j,q),!1}),a("a.link",c).click(function(){return b.play&&y(),q=a(this).attr("href").match("[^#/]+$")-1,n!=q&&w("pagination",j,q),!1}),b.play&&(v=setInterval(function(){w("next",i)},b.play),c.data("interval",v))})},a.fn.slides.option={preload:!1,preloadImage:"/img/loading.gif",container:"slides_container",generateNextPrev:!1,next:"next",prev:"prev",pagination:!0,generatePagination:!0,prependPagination:!1,paginationClass:"pagination",currentClass:"current",fadeSpeed:350,fadeEasing:"",slideSpeed:350,slideEasing:"",start:1,effect:"slide",crossfade:!1,randomize:!1,play:0,pause:0,hoverPause:!1,autoHeight:!1,autoHeightSpeed:350,bigTarget:!1,animationStart:function(){},animationComplete:function(){},slidesLoaded:function(){}},a.fn.randomize=function(b){function c(){return Math.round(Math.random())-.5}return a(this).each(function(){var d=a(this),e=d.children(),f=e.length;if(f>1){e.hide();var g=[];for(i=0;i<f;i++)g[g.length]=i;g=g.sort(c),a.each(g,function(a,c){var f=e.eq(c),g=f.clone(!0);g.show().appendTo(d),b!==undefined&&b(f,g),f.remove()})}})}})(jQuery)
-->
</script>


So I copied and pasted it into the jscript_jquery.min.php and now it works! :clap:



I am happy that you figured it out ;-)

Thanks,

Anne
18 Apr 2013, 23:31
#17
odeiohtml avatar

odeiohtml

New Zenner

Join Date:
Apr 2013
Posts:
13
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

Hello,

I am using this slideshow but i want to put the arrows inside the slideshow and not out. can i move then? if yes, can you be more specific ant tell me where?
Thanks
19 Apr 2013, 14:36
#18
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

OdeioHTML:

Hello,

I am using this slideshow but i want to put the arrows inside the slideshow and not out. can i move then? if yes, can you be more specific ant tell me where?
Thanks


You can move the arrows around using css and editing the styelsheet_slides.css file.

Thanks,

Anne
26 Apr 2013, 17:28
#19
graniteman44 avatar

graniteman44

Zen Follower

Join Date:
Dec 2007
Posts:
160
Plugin Contributions:
0

Re: Slides JS Slide Show Plugin

A message window pops up stating that the "hotlinking" needs to be removed. Here is the code that came with the download that handles this:

jQuery Easing v1.3 - http://[COLOR="#FF8C00"]gsgd.co.uk/sandbox/jquery/easing/[/COLOR]

Is there something else we can put in there to remove the little popup message?
28 Apr 2013, 14:16
#20
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Slides JS Slide Show Plugin

GraniteMan44:

A message window pops up stating that the "hotlinking" needs to be removed. Here is the code that came with the download that handles this:

jQuery Easing v1.3 - http://[COLOR="#FF8C00"]gsgd.co.uk/sandbox/jquery/easing/[/COLOR]

Is there something else we can put in there to remove the little popup message?


Sorry about that! I have attached a patch that can be uploaded to includes/templates/override/jsccript to fix the problem.

Thanks,

Anne