Home > > @Table Decorations in the UK Yes that’s …

@Table Decorations in the UK Yes that’s …

September 8th, 2010 Rob

Comment posted on JQuery Hover Effect Image Gallery For eCommerce by Rob

@Table Decorations in the UK

Yes that’s fine :)

Rob also commented

  • @Chris

    Well I’ve actually selected a fadeout / fadein of the image so it’s smooth. The big images are 7KB or less too. I guess you could try silently loading the images in the background – could use a simple hidden div or use jquery to preload the remaining bigger images for you.

    What browser are you using out of interest?

  • @Chris

    Thanks for the comment.
    Do mean because I’ve linked directly to the larger image? If so, this is so people without JS can view the larger image. If you wanted to pass through a differnt image, you could change the value of the href in the image thumbnail – if you look they all currently point to a larger view of the current thumbnail? Is this what you mean?

Recent comments by Rob

  • Adding Unlimited Form Fields With JQuery and Saving to a Database
    Ah, see what you mean now, misunderstood you beforehand :)

    Yes that’s definately another (abliet probably better) way of doing things as you loose a join in your SQL query, which is always good. The reason it ended up as it did is because I was working on a project at work that required that table structure.

  • Adding Unlimited Form Fields With JQuery and Saving to a Database
    @Kris

    As users can add many websites. E.g. in the example, the user has added 6 websites, all of which are referenced in the link table. The link table is needed because the amount of sites a user can add is unlimited (one of the reasons the field name are as an array E.g. field[]). The example wouldn’t work without the link table.

  • Adding Unlimited Form Fields With JQuery and Saving to a Database
    People have asked for the code to remove an added input. I’d actually recommend putting your input and remove link in a paragraph tag. For the remove/link simply added the following attribute to your link – works in all the major browsers too:

    onClick=”$(this).parent().remove(); return false;”

  • W3C Validation and SEO Benefits – My Opinion
    Thanks for the comment. Everyione will have a different view on this and could write a book about the issue :)

    I’m not saying all validation is wrong, I’m mainly talking about the small syntax errors that have minimal, if any effect on how a page is displayed.

  • Process Custom eCommerce data using Paypal IPN
    @mark

    Well that would come directly from your php logic, I’ve just used fixed values as it’s an example. So say for your shipping ID your script would probably look different, E.g. $shipping_method_id = $basket->getShippingMethodID($session);

powered by SEO Super Comments

Categories: Tags:
  1. May 10th, 2010 at 12:36 | #1

    Really like this as it degrades perfectly, unlike a lot of tutorials I’ve found.

    I’ll be using this exact code (if that’s ok) on a site I’m working on the minute – I’ll email you a link over.

    Thank you

    vujudesign

  2. June 29th, 2010 at 22:43 | #2

    Nice tutorial. Can I use this on my own website? I have a relative who is able to copy and paste code to get it working. Thank you

  3. July 2nd, 2010 at 07:26 | #3

    This is Fancy Thumbnail Hover Effect w/ jQuery .This effect is very essential to any image gallery. It can improve any site.

  4. Chris
    July 27th, 2010 at 08:29 | #4

    Great tutorial. Very nice hover gallery! Would it be possible to not link the thumbnails to the big image? I know its probably part of the degrading process, but for those with javascript enabled, it might be a bit pointless to link them to the same image that shows in the big image.

    To clarify would I be able to use so that the link does not go through? Should I use a different anchor attribute to pass the path through the function?

  5. Chris
    July 27th, 2010 at 08:30 | #5

    sorry I tried to state the anchor tag I will try again (using spaces in between):

  6. July 28th, 2010 at 20:07 | #6
  7. July 28th, 2010 at 21:01 | #7

    @Chris

    Thanks for the comment.
    Do mean because I’ve linked directly to the larger image? If so, this is so people without JS can view the larger image. If you wanted to pass through a differnt image, you could change the value of the href in the image thumbnail – if you look they all currently point to a larger view of the current thumbnail? Is this what you mean?

  8. Chris
    July 30th, 2010 at 13:44 | #8

    @Rob

    Sorry. Now I see what that was for. JS degradation. Very nice. I’ve got one small issue however, when these images are not cached in my browser, and I hover over a new thumbnail it stays on whatever defaulted (or current) bigImage until the new big image is loaded and then the new big image appears (instantly). Is there a way to smooth out the loading of the new images?

  9. July 31st, 2010 at 10:06 | #9

    @Chris

    Well I’ve actually selected a fadeout / fadein of the image so it’s smooth. The big images are 7KB or less too. I guess you could try silently loading the images in the background – could use a simple hidden div or use jquery to preload the remaining bigger images for you.

    What browser are you using out of interest?

Comments are closed.