Fancybox - resize zoom

F3RY · Napísal **F3RY**: 06.02.2014 17:06

Zdravim, chcel by som dosiahnut podobny efekt, ako je tu: http://slovakia.travel/ - rychla navigacia.
Mam uz nadefinovany vlastny fancybox, ktory funguje dobre, potrebujem len ten zoom efekt. Ako na to?

hatto13 · Napísal **hatto13**: 06.02.2014 17:18

to nema s fancybox nic, to bude zrejme nejaky plugin, ktory sa vola na event hover. pohladaj na googli 'jquery zoomin on hover'

F3RY · Napísal autor témy **F3RY**: 06.02.2014 17:30

Ja viem, ze to s tym nic nema, ale potrebujem ten zoom implementovat do fancybox-u.

hatto13 · Napísal **hatto13**: 06.02.2014 17:43

Kód:

$("body").on('hover', '.fancybox-inner img', function(e) {
 $(this).zavolasZoomPlugin();
});

takto by to mohlo fungovat.

neopagan · Napísal **neopagan**: 07.02.2014 13:52

neni to ziadny plugin, je to obycajne CSS3.

Pouzi na img toto CSS

Kód:

transform: scale(1.2);
transition: all 0.4s ease-in-out 0s;

a je to

F3RY · Napísal autor témy **F3RY**: 07.02.2014 16:41

Super. Neopagan presne toto som potreboval. Velka vdaka. :clap:

Fancybox - resize zoom

Podobné témy