Beiträge von adipics.de

    Hallo alle zusammen,


    habe gerade festgestellt, dass meine Galerie auf Chrome nicht richtig läuft.


    So wie es sein soll und auf Firefox und IE auch perfekt läuft:


    In der Galerie gibts unten rechts die kleinen Thumbs. Fährt man mit der Maus drüber, wird oben rechts eine kleine Vorschau angezeigt. Klickt man auf einen Thumb, erscheint das Bild in groß links und bleibt dort, bis ein anderer Thumb angeklickt wird. Die Vorschau bei "hover" in dem kleinen Vorschaufenster oben rechts funtktioniert weiter, während ein Bild in groß angezeigt wird.


    Wie gesagt, in FF und IE kein Problem, nur auf Chrome verschwindet das große Bild wieder, wenn man die Maustaste los lässt, soll aber weiter angezeigt werden. Fehlt da ein "visited"? Habs schon probiert, aber wurde nix besser...


    Hier mal ne URL: <!-- m --><a class="postlink" href="http://www.adipics.de/taubertal.php">http://www.adipics.de/taubertal.php</a><!-- m -->


    Und der CSS Code zur Galerie: (OR is oben rechts, UR is unten rechts usw...)


    #galerie /*Gesamtgröße*/ {width:800px; height:380px; position:relative;padding:5px 0; background:none; margin:0 auto 20px auto;}
    #galerie em /*OR Größe*/ {display:block; width:222px; height:150px; position:absolute; top:0; right:0; border:1px solid #ddd;}
    #galerie span /* Links Größe */ {display:block; width:570px; height:382px; position:absolute; top:0; left:0; border:1px solid #ddd;}


    #galerie b#thumbs /*UR Größe*/ {display:block; width:213px; height:214px; overflow:auto; float:right; margin-top:153px; border:1px solid #ccc; border-width:1px 1px 1px 1px; padding:5px;}
    #galerie b#thumbs a /*UR ThumbsHG*/ {display:block; float:left; margin:0 10px 13px 0; background:#f8f8ff; width:53px; height:53px; border:1px solid #000;}
    #galerie b#thumbs a img /*UR Bildgröße*/ {width:53px; height:53px; border:0;}
    #galerie b#thumbs a:hover /*UR HG Tumbs bei hover*/ {border:1px dotted #ccc; background: url(pics/galeriethumbhg.jpg);}
    #galerie b#thumbs a:active /*UR Thumbs bei klick*/{border:1px solid url; background: url(pics/galeriethumbhg.jpg); outline:0;}
    #galerie b#thumbs a:focus /*UR Thumbs bei klick*/{border:1px solid url; background: url(pics/galeriethumbhg.jpg); outline:0;}
    #galerie b#thumbs a:hover img /*UR HG Thumbs bei hover*/{display:block; position:absolute; background:; z-index:500;}
    #galerie b#thumbs a:active img /*UR HG Thumbs bei klick*/ {display:block; position:absolute; background:#aaa; z-index:100;}
    #galerie b#thumbs a:focus img /*UR HG Thumbs bei klick*/ {display:block; position:absolute; background:#aaa; z-index:100;}


    #galerie b#thumbs a:hover img.breit /*OR Breitbilder*/ {width:216px; height:144px; right:3px; top:3px; border:1px solid #333;}
    #galerie b#thumbs a:hover img.hoch /*OR Hochkantbilder*/ {width:96px; height:144px; right:63px; top:3px; border:1px solid #333;}


    #galerie b#thumbs a:active img.hoch, #galerie b#thumbs a:focus img.hoch /*links Hochkantbilder groß*/ {width:250px; height:376px; left:171px; top:3px; border:1px solid #333;}
    #galerie b#thumbs a:active img.breit, #galerie b#thumbs a:focus img.breit /*links Breitbilder groß*/{width:564px; height:376px; left:3px; top:3px; border:1px solid #333;}


    Wäre klasse wenn mir jemand helfen könnte ;)


    Greeeeeeetz


    Adi

    Stimmt... aber wenn ich das so beibehalten möchte dass das Bild sich bei Klick auf der selben Seite öffnet komm ich vermutlich nicht drum rum, oder?


    ...oder es ist wie öfters schon passiert so, dass die Lösung verdammt einfach wär und ich darum nicht drauf komm... :D


    Auf jeden Fall nochmal THANKS!!!

    Hmm ok, also laden schon die kleinen, aber weils so viele sind schläfts halt ein, oder? D.h. Quali runter schrauben bei den kleinen würd evtl. was bringen... War mir jetzt immer blos nicht sicher was da geladen wird, aber können ja eigentlich nur die kleinen sein. Ein Kumpel hat schon gemeint dass Java da evtl. mit denkt und die großen läd weil es weiß, dass es bei den großen endet.


    Ich weiß das das Ding bissel kompliziert zu bedienen is, aber hat mir irgendwie gefallen.


    Auf jeden Fall mal n dickes Danke für die Antwort... hat doch n bissel geholfen...

    Hallo alle zusammen,


    habe ein recht nerviges Problem und komm selber nicht drauf an was das liegen könnte. Hab das selber suchen jetzt aufgegeben und frag mal die Profis.


    Auf meiner Seite <!-- m --><a class="postlink" href="http://www.adipics.de">http://www.adipics.de</a><!-- m --> hab ich eine CSS Galerie gemacht. (Unterer Teil "Event", "Menschen", "Tiere" usw...)


    Bilderansicht klein - 224 x 149px
    Bilderansicht groß - 900 x 600 px


    Die Galerien laden allerdings ewig obwohl zum anzeigen erst mal das kleine Bild geladen werden sollte. Laden doch die großen? Wenn ja - warum?


    Wäre ne rießen Hilfe wenn mir da jemand nen Tip geben könnte.



    Grüße


    Adi