nicht angemeldet
Hi(gh)!
Ich würde gerne auf der oben genannten Seite die beiden Fotos durch per GIMP "c64-isierte" Versionen (also 160 x 200 rechteckige Pixel, maximal 16 Farben) ersetzen, sobald der Benutzer mit der Maus über sie fährt... das müsste ja so ähnlich laufen wie die beiden Link-Elemente auf der Startseite meiner Webpräsenz (http://www.khyberspace.de), also mit der Pseudoklasse :hover.
Da natürlich bei den beiden Fotos jeweils unterschiedliche Alternativ-Bilder angezeigt werden sollte, erschien mir die Pseudoklasse :nth-of-type passend... also so etwas wie
a:nth-of-type(11) background-image:url(retrocomputing_20161101a_small.jpg)
a:nth-of-type(11):hover background-image:url(retrocomputing_20161101a_c64_multicolor_small.png)
Die ersten zehn Links der Seite (Navigationsleiste) werden mit PHP generiert, der Link um das erste Foto ist also das 11. <a>-Element. Trotzdem ändert sich das Bild nicht, wenn ich mit der Maus drüber fahre... kommentiere ich das <img> aus und wähle stattdessen div:nth-of-type(2):nth-child(6):nth-child(1) (das erste <a> im fünften <p> im zweiten <div>) sehe ich nur einen leeren Absatz! Was mache ich falsch?
Bis bald im Khyberspace!
Yadgar
marctrix