Page 1 of 3 123 LastLast
Results 1 to 10 of 22
  1. #1
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Rotating Image Slider [Support Thread]

    Hello ;-)

    This jQuery powered asymetrical image slider rotates the images slightly with a small delay when playing. It comes with an autoplay option and the mousewheel functionality.

    Name:  rotating_image_slider.jpg
Views: 2213
Size:  31.2 KB

    See a live demo here:

    Rotating Image Slider for Zen Cart Live Demo

    Features:

    • Completely customizable

    • Add your images, and links

    • Cool asymmetrical, rotating images

    • Cross browser compatible with Firefox, Chrome, Safari, and ie9. Degrades gracefully for ie8 and less, just doesn't show the cool asymmetrical images.

    • 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 questions or bugs here:

    Thanks,

    Anne

  2. #2
    Join Date
    Dec 2010
    Location
    UK
    Posts
    1,771
    Plugin Contributions
    3

    Default Re: Rotating Image Slider for Zen Cart

    Anne that is awesome!!!

  3. #3
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: Rotating Image Slider for Zen Cart

    Quote Originally Posted by picandnix View Post
    Anne that is awesome!!!
    I am glad that you like it and hope that you can use it on your zen cart site.

    Thanks,

    Anne

  4. #4
    Join Date
    Oct 2012
    Posts
    39
    Plugin Contributions
    0

    Default Re: Rotating Image Slider for Zen Cart

    how can i change the slider to a different size? like more smaller the height.
    thanks for all your hard work plugins anne.

  5. #5
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: Rotating Image Slider for Zen Cart

    Quote Originally Posted by 21yanks View Post
    how can i change the slider to a different size? like more smaller the height.
    thanks for all your hard work plugins anne.
    You will need to make adjustments to the includes/templates/override/css/ stylesheet_rotating_image_slider.css and possible to the includes/templates/YOUR_TEMPLATE/jscript/jquery.RotateImageMenu.js file. See this tutorial for a step by step explanation on how the slider was built:

    http://tympanus.net/codrops/2011/04/...-image-slider/

    Thanks,

    Anne

  6. #6
    Join Date
    Jan 2006
    Posts
    1,542
    Plugin Contributions
    0

    Default Re: Rotating Image Slider for Zen Cart

    Hi Anne,

    I'm using this slider on Glasgow Neat. Is there a setting where the slider will automatically begin to rotate when on homepage without the customer having to hit "play"? A suggestion from a niece.

    Thanks.
    Steve
    prommart.com

  7. #7
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: Rotating Image Slider for Zen Cart

    Quote Originally Posted by SPH View Post
    Hi Anne,

    I'm using this slider on Glasgow Neat. Is there a setting where the slider will automatically begin to rotate when on homepage without the customer having to hit "play"? A suggestion from a niece.

    Thanks.
    I think that this can be done. Take a look at the tutorial and comments for instructions:

    http://tympanus.net/codrops/2011/04/...g-image-slider

    Thanks,

    Anne

  8. #8
    Join Date
    Jul 2010
    Location
    Velsen-Zuid
    Posts
    33
    Plugin Contributions
    2

    Default Re: Rotating Image Slider [Support Thread]

    Amazing slideshow and highly customable.

    Allthough I found the mousewheel rotation made my main-page less accessible.
    It disabled the mousewheel so customers where not able to scroll up and down my website anymore, without clicking-sliding on the right scrollbar.


    So I disabled the mousewheel rotation by commenting the following line in de jscript file located at includes/templates/YOUR_TEMPLATE/jscript/jquery.RotateImageMenu.js.

    Change this:

    $(document).bind('mousewheel', function(e, delta) {
    if(delta > 0) {
    stopSlideshow();
    rotateImages(0);
    }
    else {
    stopSlideshow();
    rotateImages(1);
    }
    return false;
    }).keydown(function(e){
    switch(e.which){
    case 37:
    stopSlideshow();
    rotateImages(0);
    break;
    case 39:
    stopSlideshow();
    rotateImages(1);
    break;
    }
    });

    Into this:

    /*$(document).bind('mousewheel', function(e, delta) {
    if(delta > 0) {
    stopSlideshow();
    rotateImages(0);
    }
    else {
    stopSlideshow();
    rotateImages(1);
    }
    return false;
    }).keydown(function(e){
    switch(e.which){
    case 37:
    stopSlideshow();
    rotateImages(0);
    break;
    case 39:
    stopSlideshow();
    rotateImages(1);
    break;
    }
    });*/

    Now to autostart the slideshow on pageload:

    Insert this line:

    startSlideshow();

    Just above this line:

    return {init : init};

  9. #9
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: Rotating Image Slider [Support Thread]

    Quote Originally Posted by Digiwinkel View Post
    Amazing slideshow and highly customable.

    Allthough I found the mousewheel rotation made my main-page less accessible.
    It disabled the mousewheel so customers where not able to scroll up and down my website anymore, without clicking-sliding on the right scrollbar.


    So I disabled the mousewheel rotation by commenting the following line in de jscript file located at includes/templates/YOUR_TEMPLATE/jscript/jquery.RotateImageMenu.js.

    Change this:

    $(document).bind('mousewheel', function(e, delta) {
    if(delta > 0) {
    stopSlideshow();
    rotateImages(0);
    }
    else {
    stopSlideshow();
    rotateImages(1);
    }
    return false;
    }).keydown(function(e){
    switch(e.which){
    case 37:
    stopSlideshow();
    rotateImages(0);
    break;
    case 39:
    stopSlideshow();
    rotateImages(1);
    break;
    }
    });

    Into this:

    /*$(document).bind('mousewheel', function(e, delta) {
    if(delta > 0) {
    stopSlideshow();
    rotateImages(0);
    }
    else {
    stopSlideshow();
    rotateImages(1);
    }
    return false;
    }).keydown(function(e){
    switch(e.which){
    case 37:
    stopSlideshow();
    rotateImages(0);
    break;
    case 39:
    stopSlideshow();
    rotateImages(1);
    break;
    }
    });*/

    Now to autostart the slideshow on pageload:

    Insert this line:

    startSlideshow();

    Just above this line:

    return {init : init};
    Thank you so much for posting your solution for disabling the mousewheel functionality on the slide show. I am sure that there will be others who will want to know how to do this.

    Thanks,

    Anne

  10. #10
    Join Date
    May 2005
    Location
    Rockwood, Tennessee, United States
    Posts
    97
    Plugin Contributions
    0

    Default Re: Rotating Image Slider [Support Thread]

    I am so excited to try this! Thanks for making and posting it!

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. v150 Image Handler 4 (for v1.5.x) Support Thread
    By DivaVocals in forum All Other Contributions/Addons
    Replies: 1684
    Last Post: 2 Oct 2022, 06:55 AM
  2. Missing Image Utility/Scanner [Support Thread]
    By retched in forum Addon Admin Tools
    Replies: 55
    Last Post: 7 Jun 2021, 04:34 PM
  3. v139h Image Handler 3 Support Thread (for ZC v1.3.9)
    By DivaVocals in forum All Other Contributions/Addons
    Replies: 1095
    Last Post: 2 Oct 2017, 12:42 PM
  4. AJAX IMAGE Swapper support thread
    By jaycode in forum All Other Contributions/Addons
    Replies: 785
    Last Post: 13 Jan 2016, 11:48 PM
  5. Image Titles Support Thread
    By gjh42 in forum All Other Contributions/Addons
    Replies: 155
    Last Post: 9 Sep 2014, 04:51 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR