jQuery - pomniejszanie dużych obrazków - problem w Google Chrome, FancyBox + pomniejszanie obrazków w jQuery (dodawanie CSS) Opcje

[szymek001]

Witam,

mam taki skrypcik do pomniejszania dużych obrazków: http://fiddle.jshell.net/eZ3GX/show/light/

Skrypt pomniejszający zdjęcia (przy użyciu jQuery):

Kod

$(document).ready(function() {
var img = $('.vb_postbit').find('img'); img.each(function() { var $this = $(this), img_width = $this.width(), img_src = $this.attr('src'); if (img_width > 500) { $this.wrap('<a class="fancybox" href=' + img_src + '></a>') } }); $('.fancybox').fancybox({ autoScale: true });
        });

szuka grafik w div'ie o klasie 'vb_postbit', dodaje dużym obrazkom odnośnik i klasę, pomniejszony obrazek otwierany jest za pomocą fancybox'a.

Wszystko działa ok na przeglądarkach takich jak Firefox, Internet Explorer, czy Opera..

Problem pojawia się natomiast w Google Chrome. Czasami zadziała zmniejszanie obrazków, jednak po odświeżeniu Chrome już tego nie robi. Zauważyłem, że gdy w Chrome zostawie sam kod do wyszukiwania i pomniejszania obrazków, a wyrzucę linijkę z odnośnikiem do "jquery.fancybox-1.3.4.js" to Chrome bez problemu sobie radzi. Sam fancybox bez pomniejszania też działa w porządku.

Ktoś wie, dlaczego zatem w Chromie pomniejszanie nie działa z fancyboxem, a dokładniej z jquery.fancybox-1.3.4.js ?
Czasem jest tak, że po pierwszym wejściu nie działa, a gdy odświeżymy to zaczyna działać..


Pozdrawiam serdecznie

Ten post edytował szymek001 10.12.2013, 17:53:24