mein Projekt is hier zu finden: http://aikapan.kilu.de/Joe/index.html
der entscheidende Ausschnitt ist in den Zeilen 51-53:
und weiter unten im javascript Zeile 198:HTML-Code:<body> <div id="st_main" class="st_main"> <img src="http://www.traum-projekt.com/forum/images/bg.png" alt="" id="st_preview" class="st_preview" />
ich habe versucht das image in einer Tabelle zu packen oder wenigstens in eine weitere div, doch ich kenne mich mit javascript (noch) nich so gut aus. sobald ich es in eine tabelle oder div packe, wird das image nicht mehr geladen.Code:var $currImage = $('#st_main').children('img:first');
Warum is das machen will?
beim öffnen der Bilder aus den Alben wird das jeweilige bild in den "hintergrund" geladen und ich möchte weißen abstand nach oben (138px) UND nach unten (30px) haben. Vielleicht fällt euch was einfacheres dazu ein
2. Sache is zwischen den Zeilen 261 und 275:
kriegs einfach nich hin Erst das bild rauszufaden und Dann das neue reinzufadenCode://clicking on a thumb, replaces the large image $list.find('.st_thumbs img').bind('click',function(){ var $this = $(this); $loader.show(); $('<img class="st_preview"/>').load(function(){ var $this = $(this); var $currImage = $('#st_main').children('img:first'); $this.insertBefore($currImage); $loader.hide(); $currImage.fadeOut(2000,function(){ $(this).remove(); }); }).attr('src',$this.attr('alt')); });
MfG,
Aikapan
Geändert von Aikapan (25.02.2011 um 12:15 Uhr)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)