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 });
});
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