Results 1 to 10 of 29

Hybrid View

  1. #1
    Join Date
    May 2006
    Location
    Gardiner, Maine
    Posts
    2,371
    Plugin Contributions
    23

    Default Re: Additional Image Hover - jQuery

    Quote Originally Posted by fairestcape View Post
    Firstly, thanks Delia, for building this neat little module. To make it "effective" users need to apply some logic to how they display their images, and additional images.

    On product info pages, it is always a good idea to make the main product image as large as possible (about 65% of the size of the image that renders in the LARGE IMAGE popup window - which should at least be 750 pixels deep). Similarly, additional image thumbs should be quite big too.

    If users need more "sophisticated" functions, such as hover-zoom, and click-zoom, then there are some very nice systems at magictoolbox. True, these are commercial offerings, but they are dirt-cheap.

    I hasten to add, we have no commercial interest in magictoolbox. We just like their tools.

    But this mod is a great stand-by, and if the user makes sure to use GOOD pics, at good sizes, it actually works very nicely. Thanks D, for a valuable add-on!
    Thanks for the nice words and the image size advice - you are quite correct!
    The full-time Zen Cart Guru. WizTech4ZC.com
    New template for 2.0 viewable here: 2.0 Demo

  2. #2
    Join Date
    Jul 2011
    Posts
    16
    Plugin Contributions
    0

    Default Re: Additional Image Hover - jQuery

    Thanks alot for this mod, took me long to find what I was looking for and this is almost what I want! :)

    Is there a possibility to change the script so it changes the main pic on click, instead of hover?
    I'm also getting blurry alt images (as Boggled) but do anyone know how to fix this?

    See http://webbhjalpen.com/kund/billyand...&products_id=1

    Thanks again!
    Last edited by PleXy; 2 Jul 2012 at 12:57 PM.

  3. #3
    Join Date
    May 2006
    Location
    Gardiner, Maine
    Posts
    2,371
    Plugin Contributions
    23

    Default Re: Additional Image Hover - jQuery

    I would assume it's possible, but it was easier to do the hover. On click is not intuitive so it's really not as useful.
    The full-time Zen Cart Guru. WizTech4ZC.com
    New template for 2.0 viewable here: 2.0 Demo

  4. #4
    Join Date
    Jul 2011
    Posts
    16
    Plugin Contributions
    0

    Default Re: Additional Image Hover - jQuery

    Aight, thanks!

    I assume it's this script I have to change, tried lots of different things but I really can't get it to work.
    Anyone who can push me into the right direction?

    Code:
    <script type="text/javascript">
    $(document).ready(function() {
    		var origsrc = $("#productMainImage a img").attr("src");
    	$("#productAdditionalImages .additionalImages a img").hover(
    	  function () {
    		$("#productMainImage a img").attr('src', this.src);
    	  }, 
    	  function () {
    		$("#productMainImage a img").attr('src', origsrc);
    	  }
    	);
    });
    </script>

  5. #5
    Join Date
    May 2006
    Location
    Gardiner, Maine
    Posts
    2,371
    Plugin Contributions
    23

    Default Re: Additional Image Hover - jQuery

    I've not had any complaints about this script. Sounds like either you haven't installed it correctly or it's conflicting with something already there. That you are talking about is what makes it work so if you change it - it will definitely not work.
    The full-time Zen Cart Guru. WizTech4ZC.com
    New template for 2.0 viewable here: 2.0 Demo

  6. #6
    Join Date
    Jul 2011
    Posts
    16
    Plugin Contributions
    0

    Default Re: Additional Image Hover - jQuery

    Quote Originally Posted by delia View Post
    I've not had any complaints about this script. Sounds like either you haven't installed it correctly or it's conflicting with something already there. That you are talking about is what makes it work so if you change it - it will definitely not work.
    What do you mean? It's nothing wrong with the script and I have installed it correctly.
    I want it to change the main picture onClick instead of Mouseover and that's what i'm trying to change.

  7. #7
    Join Date
    May 2006
    Location
    Gardiner, Maine
    Posts
    2,371
    Plugin Contributions
    23

    Default Re: Additional Image Hover - jQuery

    Quote Originally Posted by PleXy View Post
    What do you mean? It's nothing wrong with the script and I have installed it correctly.
    I want it to change the main picture onClick instead of Mouseover and that's what i'm trying to change.
    I don't know how to change that. didnt want it so didn't look at it
    The full-time Zen Cart Guru. WizTech4ZC.com
    New template for 2.0 viewable here: 2.0 Demo

 

 

Similar Threads

  1. v151 Additional images popup and jquery
    By delia in forum General Questions
    Replies: 5
    Last Post: 3 Jul 2014, 01:15 PM
  2. Adding Additional Text to Hover Image
    By grayscale in forum All Other Contributions/Addons
    Replies: 2
    Last Post: 11 Nov 2010, 03:39 PM
  3. disable image handler hover for additional images?
    By etoile03 in forum All Other Contributions/Addons
    Replies: 7
    Last Post: 23 Sep 2010, 07:13 AM
  4. Jquery Fancy Thumbnail Hover Effect on Product page
    By ftdc in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Mar 2010, 11:50 PM
  5. Adding JQuery Lightbox to additional images
    By chillout_buddha in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 8 Apr 2009, 02:49 AM

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