ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Image Swapping & Hover Magnify

November 18, 2012 12:16pm

Subscribe [2]
  • #1 / Nov 18, 2012 12:16pm

    futuristonline

    43 posts

    Hey All,

    Just looking for some guidance on what people might be using for a similar setup.

    EE 2.5.3

    Am creating an online store for a client using Store. Am using Channel Images for image uploads. Each image has 4 images, so these are getting uploaded via Channel Images. Main image is the cover image and being highlighted accordingly, with all the thumbnails under the main image.

    What I need to be able to do is:

    +click on the smaller images and the main image is replaced

    then…

    + use a plugin for magnifying the main image when hovered over it

    All similar to this - http://www.lavishalice.com/clothing-c1/dresses-c2/red-sequin-3-4-sleeve-evening-dress-p651

    Can anyone help with any thoughts, plugins, code???

    Thanks in advance.

    Steve

  • #2 / Nov 20, 2012 1:09pm

    Shane Eckert

    7174 posts

    Hey there Futuristonline,

    Thank you for posting your question. Though not totally related to ExpressionEngine, I think it’s totally possible.

    To load another image into the spot of the smaller, take a look at some JavaScript and jQuery. Maybe something like this.

    I am not able to find anything created for ExpressionEngine specifically that allows for magnification, but something like this Add-On would do the trick.

    I am going to move this over to the Community Help Forum where I think you may get some more suggestions.

    Have a great holiday!

    Cheers,

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases