Home Page Images

[shoppiz]

Hello Vekia!

 

Thank you for your answer on my previous question.

 

Need help on another thing.

On my website home page (SHOP) www.shoppiz.in, I have added Images and these images are linked to Amazon.

I have seen lots of websites, when we just bring the mouse on the image , the image automatically zooms, or for some website instead of ZOOM the image fades. (i would like to enable the ZOOM)

 

How can I be able to enable this on my website.

 

Thank you again for all the support from you guys.

You guys are doing an excellent.

 

hey dont forget to click google adds :D/

 

Awaiting a reply on this one.

 

 

[vekia]

i dont know what kind of effect you exactly expect

can you share (if it is possible) url to some examples, please?

[shoppiz]

Hello

 

Appreciate ur quick response.

 

please look at this link ,it is a demo but has both effects on the images Zoom and fading.

 

http://www.leotheme.com/demo/prestashop14x/?template=leo_glasses

[shoppiz]

Here is another website that you can review

 

http://www.leotheme.com/demo/prestashop14x/

 

 

[vekia]

use this:

#htmlcontent_home li {
    overflow:hidden;
}
#htmlcontent_home li:hover img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
   -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

[shoppiz]

Where to add this code?