Kommentare zu: Simple CSS Mouse Over Image Gallery http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/ Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um Webdesign, Social Media und digitale Bildbearbeitung Mon, 06 Feb 2012 14:10:11 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Von: Vera http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-284 Vera Wed, 31 Dec 2008 12:18:51 +0000 http://www.kulturbanause.de/?p=196#comment-284 @Jan: jepp, für jedes Bild muß ein entsprechend kleines Thumbnail zuvor erstellt werden. @Jan: jepp, für jedes Bild muß ein entsprechend kleines Thumbnail zuvor erstellt werden.

]]> Von: Jan http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-283 Jan Wed, 31 Dec 2008 00:36:17 +0000 http://www.kulturbanause.de/?p=196#comment-283 achso, die thumbnails werden bei mir jetzt nur als ausschnitt in der entsprechenden größe angezeigt, d.h. das bild wird nicht auf zB 50x50px verkleinert, sondern es wird ein 50x50px ausschnitt aus der oberen linken ecke gezeigt...kann man wohl auch nich ändern, da man einem hintergrundbild ja keine größe zuordnen kann. also muss man für die thumbnails passende bilder erstellen, richtig? achso, die thumbnails werden bei mir jetzt nur als ausschnitt in der entsprechenden größe angezeigt, d.h. das bild wird nicht auf zB 50x50px verkleinert, sondern es wird ein 50x50px ausschnitt aus der oberen linken ecke gezeigt…kann man wohl auch nich ändern, da man einem hintergrundbild ja keine größe zuordnen kann. also muss man für die thumbnails passende bilder erstellen, richtig?

]]> Von: Jan http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-282 Jan Wed, 31 Dec 2008 00:01:02 +0000 http://www.kulturbanause.de/?p=196#comment-282 wow, danke an alle fürs netzwerken und wissen-teilen :) klappt jetzt auch im IE! wow, danke an alle fürs netzwerken und wissen-teilen :) klappt jetzt auch im IE!

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-281 Jonas Tue, 30 Dec 2008 13:17:45 +0000 http://www.kulturbanause.de/?p=196#comment-281 @ all: Ich hab den Code von Vera als Update unter meinen Artikel gepostet. Danke Vera! @ all: Ich hab den Code von Vera als Update unter meinen Artikel gepostet. Danke Vera!

]]> Von: Vera http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-280 Vera Tue, 30 Dec 2008 12:19:38 +0000 http://www.kulturbanause.de/?p=196#comment-280 Huhu nochmal, <p><em>EDIT: Ich habe den gesamten HTML & CSS Teil ans Ende meines Beitrags verschoben. Gruß Jonas</em></p> "bicpic" ist das groß angezeigte Bild "thumbs" sind die Miniaturbilder "gallery" ist die Auflistung der Miniaturbilder Hoffe, es hilft Euch. Grüße aus Erftstadt bei Köln Vera Huhu nochmal,

EDIT: Ich habe den gesamten HTML & CSS Teil ans Ende meines Beitrags verschoben. Gruß Jonas

“bicpic” ist das groß angezeigte Bild
“thumbs” sind die Miniaturbilder
“gallery” ist die Auflistung der Miniaturbilder

Hoffe, es hilft Euch.
Grüße aus Erftstadt bei Köln

Vera

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-279 Jonas Mon, 29 Dec 2008 18:25:16 +0000 http://www.kulturbanause.de/?p=196#comment-279 @ Jan: Hab ich gemacht. Daumen drücken ;) @ Jan: Hab ich gemacht. Daumen drücken ;)

]]> Von: Jan http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-278 Jan Mon, 29 Dec 2008 17:23:24 +0000 http://www.kulturbanause.de/?p=196#comment-278 vielleicht könntest du ihr kurz ne mail schicken dass hier leute ihren rat brauchen? :) vielleicht könntest du ihr kurz ne mail schicken dass hier leute ihren rat brauchen? :)

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-277 Jonas Sun, 21 Dec 2008 22:55:54 +0000 http://www.kulturbanause.de/?p=196#comment-277 @ CT: Ich hab den Tipp von Vera ehrlich gesagt noch nicht ausprobiert. Leider fehlt mir im Moment dazu auch die Zeit. Sorry. @ CT: Ich hab den Tipp von Vera ehrlich gesagt noch nicht ausprobiert. Leider fehlt mir im Moment dazu auch die Zeit. Sorry.

]]> Von: CT http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-276 CT Sun, 21 Dec 2008 22:33:13 +0000 http://www.kulturbanause.de/?p=196#comment-276 Das Skript ist super, allerdings bekomme ich den Tipp von Vera Zitat: #gallery li a span {visibility:hidden} #gallery li a.current span, #gallery li a:hover span {visibility:visible} #gallery li a:hover{visibility:visible;} auch nicht gebacken. Wäre nett, wenn jemand mal so lieb wäre, und das genauer erklären würde, da in den Original-Skript gar keine "#gallery li"s vorkommen ??? Vielen Dank im Voraus Das Skript ist super, allerdings bekomme ich den Tipp von Vera
Zitat:
#gallery li a span {visibility:hidden}
#gallery li a.current span,
#gallery li a:hover span {visibility:visible}
#gallery li a:hover{visibility:visible;}

auch nicht gebacken. Wäre nett, wenn jemand mal so lieb wäre, und das genauer erklären würde, da in den Original-Skript gar keine “#gallery li”s vorkommen ???

Vielen Dank im Voraus

]]> Von: Jan http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-275 Jan Tue, 16 Dec 2008 23:59:18 +0000 http://www.kulturbanause.de/?p=196#comment-275 Hm, krieg das mit dem IE6 nicht hin, auch der Code von Vera hilft da nich, oder wo genau kommt der hin? Kann leider nicht auf IE6 verzichten :/ Hm, krieg das mit dem IE6 nicht hin, auch der Code von Vera hilft da nich, oder wo genau kommt der hin? Kann leider nicht auf IE6 verzichten :/

]]> Von: Bettina Henkel http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-274 Bettina Henkel Tue, 09 Dec 2008 07:38:16 +0000 http://www.kulturbanause.de/?p=196#comment-274 Ich sitze hier gerade in meiner Weiterbildung in Webdesign und bin von deiner genialen Seite einfach nur begeistert. Wollte ich nur mal gesagt haben. So als Anfängerin. Ich sitze hier gerade in meiner Weiterbildung in Webdesign und bin von deiner genialen Seite einfach nur begeistert. Wollte ich nur mal gesagt haben. So als Anfängerin.

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-273 Jonas Tue, 25 Nov 2008 15:49:14 +0000 http://www.kulturbanause.de/?p=196#comment-273 @ Vera: Super sache! Dankeschön! @ Vera: Super sache! Dankeschön!

]]> Von: Lea http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-272 Lea Mon, 24 Nov 2008 23:13:00 +0000 http://www.kulturbanause.de/?p=196#comment-272 danke jonas, ich habs grad mal ausprobiert. finds super ;) danke jonas, ich habs grad mal ausprobiert. finds super ;)

]]> Von: Vera http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-271 Vera Fri, 14 Nov 2008 17:06:11 +0000 http://www.kulturbanause.de/?p=196#comment-271 Bzgl. IE6: Habe meine li's noch mit folgendem erweitert: #gallery li a span {visibility:hidden} #gallery li a.current span, #gallery li a:hover span {visibility:visible} #gallery li a:hover{visibility:visible;} Der IE schluckts problemlos :) grüsse vera Bzgl. IE6: Habe meine li’s noch mit folgendem erweitert:
#gallery li a span {visibility:hidden}
#gallery li a.current span,
#gallery li a:hover span {visibility:visible}
#gallery li a:hover{visibility:visible;}
Der IE schluckts problemlos :)
grüsse
vera

]]> Von: christiane http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-270 christiane Fri, 03 Oct 2008 14:49:35 +0000 http://www.kulturbanause.de/?p=196#comment-270 hallo - erst einmal super vielen dank für die gründliche darstellung. das ding läuft, trotz meiner doch recht wenigen erfahrungen. ich stehe jetzt davor, meine bildergalerie in eine weitere seite einzubinden - welche möglichkeiten habe ich mit java - php ist mir absolut fremd... würde mich über tips freuen, christiane hallo – erst einmal super vielen dank für die gründliche darstellung. das ding läuft, trotz meiner doch recht wenigen erfahrungen. ich stehe jetzt davor, meine bildergalerie in eine weitere seite einzubinden – welche möglichkeiten habe ich mit java – php ist mir absolut fremd… würde mich über tips freuen, christiane

]]> Von: Jan van Leeuwen http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-269 Jan van Leeuwen Thu, 02 Oct 2008 21:27:25 +0000 http://www.kulturbanause.de/?p=196#comment-269 Ein hervorragendes Design und danke für dieser Kode! Es inspiriert wenn mann solche Designs sieht. Ein hervorragendes Design und danke für dieser Kode!

Es inspiriert wenn mann solche Designs sieht.

]]> Von: Chris http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-268 Chris Tue, 22 Jul 2008 06:27:35 +0000 http://www.kulturbanause.de/?p=196#comment-268 GOIIIIIIL :) und weisste was? scheiss auf IE6! Wann starten wir endlich ne Kampagne um den auszurotten? GOIIIIIIL :)

und weisste was? scheiss auf IE6!
Wann starten wir endlich ne Kampagne um den auszurotten?

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-267 Jonas Fri, 18 Jul 2008 15:53:48 +0000 http://www.kulturbanause.de/?p=196#comment-267 @ Gärtner: Selbstverständlich. Es können beliebig viele Bilder hinzugefügt werden. Es ist auch nicht festgelegt wo sich die Thumbnails befinden. Also können diese auch links vom Hauptbild oder darüber positioniert werden. @ Gärtner: Selbstverständlich. Es können beliebig viele Bilder hinzugefügt werden. Es ist auch nicht festgelegt wo sich die Thumbnails befinden. Also können diese auch links vom Hauptbild oder darüber positioniert werden.

]]> Von: Gärtner http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-266 Gärtner Fri, 18 Jul 2008 13:03:44 +0000 http://www.kulturbanause.de/?p=196#comment-266 Kann man das auch erweitern wenn man mehre bilder hat? Kann man das auch erweitern wenn man mehre bilder hat?

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-265 Jonas Thu, 17 Jul 2008 20:08:27 +0000 http://www.kulturbanause.de/?p=196#comment-265 @ Jens: Jau! Das sieht ja richtig gut aus.. ich werde mir das morgen mal in aller Ruhe zu Gemüte führen. Hatte ich bisher noch gar nichts von gehört. @ Jens: Jau! Das sieht ja richtig gut aus.. ich werde mir das morgen mal in aller Ruhe zu Gemüte führen. Hatte ich bisher noch gar nichts von gehört.

]]> Von: Jens http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-264 Jens Thu, 17 Jul 2008 14:38:22 +0000 http://www.kulturbanause.de/?p=196#comment-264 Hallo Jonas, also als "Kulturbanause" kann man Dich nicht bezeichnen. Mit diesem Theme wirst Du neue Maßstäbe setzen! :-) Aber zum allseits "beliebten" IE6. Google mal nach "IE7.js", und binde dieses Script von Dean Edwards mittels "Conditional Comments" ein. Das Teil ist einfach genial! Wenn nun ein IE5/6-User auch noch JavaScript abgeschalten hat, na dann kann man ihm nicht helfen. Viel Glück, Jens Hallo Jonas,
also als “Kulturbanause” kann man Dich nicht bezeichnen. Mit diesem Theme wirst Du neue Maßstäbe setzen! :-)
Aber zum allseits “beliebten” IE6. Google mal nach “IE7.js”, und binde dieses Script von Dean Edwards mittels “Conditional Comments” ein. Das Teil ist einfach genial! Wenn nun ein IE5/6-User auch noch JavaScript abgeschalten hat, na dann kann man ihm nicht helfen.
Viel Glück,
Jens

]]> Von: Jonas http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-263 Jonas Wed, 16 Jul 2008 05:44:46 +0000 http://www.kulturbanause.de/?p=196#comment-263 @ Tobias: Super! Freut mich sehr, dass Ihr Verwendung dafür finden konntet. @ Tobias: Super! Freut mich sehr, dass Ihr Verwendung dafür finden konntet.

]]> Von: Tobias http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-262 Tobias Tue, 15 Jul 2008 22:49:08 +0000 http://www.kulturbanause.de/?p=196#comment-262 Vielen Dank. Habe das glatt doch mal für unsere Vereinshomepage benutzt. Musste natürlich noch ein paar Dinge anpassen aber das ging dann auch leicht von der Hand. Hier die Seite http://www.badminton-vilsen.de/galerie.php Vielen Dank.
Habe das glatt doch mal für unsere Vereinshomepage benutzt. Musste natürlich noch ein paar Dinge anpassen aber das ging dann auch leicht von der Hand.

Hier die Seite
http://www.badminton-vilsen.de/galerie.php

]]> Von: Doro http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-261 Doro Tue, 15 Jul 2008 11:21:56 +0000 http://www.kulturbanause.de/?p=196#comment-261 Genial! Danke! Genial!
Danke!

]]> Von: Andris http://kulturbanause.de/2008/07/simple-css-mouse-over-image-gallery/#comment-260 Andris Mon, 14 Jul 2008 08:08:29 +0000 http://www.kulturbanause.de/?p=196#comment-260 Hab hier auch mal so was gebastelt: http://www.cube31.ch/erdgeschoss.php Hab hier auch mal so was gebastelt:

http://www.cube31.ch/erdgeschoss.php

]]>