JQuery képbetöltés IE-ben
Írtam egy szkriptet:
Itt lehet megnézni működés közben (katt a bal oldali kis képekre, a honlap Drupal-lal készült):
http://tajrajz.hu/index.php?q=munkak/magankertek/budafok-magankert
Röviden a szkript: a kisképnek megfelelő képpel lecseréli a középső nagy képet. Míg töltődik a nagy kép, addig "eltünteti" az előzőt.
FireFox-ban jól működik. IE-ben, Operá-ban, ha olyan kisképre kattintok ami már egyszer be lett töltve, akkor ott nem jelenik meg a nagykép.
Mivel nem vagyok programozó, itt el is akadtam. Sejtésem szerint valahogy azzal lehet a gond, hogy a már korábban betöltött képeknél nem működik az .onload, mivel a IE és az OPERA a cache-ből tölti be ???
■ $(document).ready(function(){
$('a.keplink').bind('click', kep_tolt);
});
function kep_tolt (e) {
cim = $(this).children().attr('src');
$(this).children().fadeOut("fast");
$(this).children().fadeIn("fast");
$('.keplink').removeClass("kiemelt");
$(this).addClass("kiemelt");
$('#nagykep').fadeOut('slow', function() {
kep = new Image();
kep.src = cim.replace("imagecache/kiskep/", "");
kep.onload = function () {
$('#nagykep').attr('src', kep.src, "").ready(
function () {
$('#nagykep').fadeIn("slow");
});
};
});
return false;
}
$('a.keplink').bind('click', kep_tolt);
});
function kep_tolt (e) {
cim = $(this).children().attr('src');
$(this).children().fadeOut("fast");
$(this).children().fadeIn("fast");
$('.keplink').removeClass("kiemelt");
$(this).addClass("kiemelt");
$('#nagykep').fadeOut('slow', function() {
kep = new Image();
kep.src = cim.replace("imagecache/kiskep/", "");
kep.onload = function () {
$('#nagykep').attr('src', kep.src, "").ready(
function () {
$('#nagykep').fadeIn("slow");
});
};
});
return false;
}
Itt lehet megnézni működés közben (katt a bal oldali kis képekre, a honlap Drupal-lal készült):
http://tajrajz.hu/index.php?q=munkak/magankertek/budafok-magankert
Röviden a szkript: a kisképnek megfelelő képpel lecseréli a középső nagy képet. Míg töltődik a nagy kép, addig "eltünteti" az előzőt.
FireFox-ban jól működik. IE-ben, Operá-ban, ha olyan kisképre kattintok ami már egyszer be lett töltve, akkor ott nem jelenik meg a nagykép.
Mivel nem vagyok programozó, itt el is akadtam. Sejtésem szerint valahogy azzal lehet a gond, hogy a már korábban betöltött képeknél nem működik az .onload, mivel a IE és az OPERA a cache-ből tölti be ???
Ha nem is a feltett kérdésre,
ha nem kell javascript
lehet fotógalériát csinálni javascript nélkül is és szerintem ugyan olyan jó :) ha nagyon ragaszkodsz a javascripthez akkor mindegy de ha nem akkor itt van elkészítés :)
Első rész
Második rész
Harmadik rész
gondoltam mondom ha nem érkezik válasz :):)
JavaScript nélkül készült a
De most úgy látom, hogy megy a kukába a script, mert rendkívül utálom az olyan dolgokat, melyeket böngészőfüggővé kell tenni... Persze, ha rá tudnám venni a sriptet, hogy minden esetben fusson le az onload, akkor marad... ;)