GodFather
Neues Mitglied
Hallo, wollte fragen ob mir jemand bei der verwirklichung von diesem hier:
http://mistel.mi.ohost.de/flash.swf
mit css helfen kann...
http://mistel.mi.ohost.de/flash.swf
mit css helfen kann...
bei Texthover immer n anderes bild
- Ersteller GodFather
- Erstellt am
- Status
C
Commodore
Guest
Code:
<html>
<head>
<script type="text/javascript">
function verschwinden (){
document.getElementById('bild').style.display='none';
}
function zeigen (){
document.getElementById('bild').style.display="";
}
</script>
<h1 onmouseover="zeigen()" onmouseout="verschwinden()">Bild zeigen</h1>
</head>
<body>
<img src=bild.jpg id="bild" style="display:none;">
</body>
</html>das wäre eine recht einfache methode, um sowas anzeigen zu lassen, am besten packst du das onmouseover in einen div. aber wenn duviele bilder machen willst, dann wird das damit nichts.
wenn es eine bessere lösung gibt, dann bitte nicht über meine meckern, ok? bin noch nicht so gut darin :(
flapo
Neues Mitglied
Hä? Wie? Natürlich geht das mit CSS!CrackPod schrieb:
Man betrachte folgende Seite:
Bei Texthover ein anderes Bild anzeigen
:evil: Ich hasse den IE! Aber ich hab ja nur gesagt, dass es mit CSS geht...
Hier noch der Quellcode, da ich demnächst den Server wechsle:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Bei Texthover ein anderes Bild anzeigen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a img {display:none;}
a:hover img {display:block; position:absolute; left:200px; top:30px; border:1px solid black;}
#standard {position:absolute; left:200px; top:30px; border:1px solid black;}
/* Styles zur Ausgestaltung, für das Funktionieren aber nicht relevant*/
body {font-family:arial, sans-serif; font-size:26px;}
ul {line-height:2em;}
li {list-style:none;}
a {text-decoration:none; color:black;}
a:hover {color:gray}
</style>
</head>
<body>
[img]beispielbild1.jpg[/img]
<ul>
[*][url="#"]Text 1[img]beispielbild2.jpg[/img][/url]
[*][url="#"]Text 2[img]beispielbild3.jpg[/img][/url]
[*][url="#"]Text 3[img]beispielbild4.jpg[/img][/url]
[/list]
</body>
</html>GodFather
Neues Mitglied
@Sporty: jupp, wird wohl seinen grund haben ;-)
@flapo: big thx, werds sofort versuchen...
p.s. besteht die möglichkeit das [*] und <ul> wegzulassen, denn sonst ist der abstand zwischen den zeilen zu groß, also dann mit
zeilenabstand, schaus dir an unter www.mistel4ever.de.vu -> links
oder ist das dann nicht mehr ganz ok^^
p.s. kann mir dann noch vielleicht jemand helfen und sagen wies vielleicht auch in anderen browsern außer dem ff geht?
@flapo: big thx, werds sofort versuchen...
p.s. besteht die möglichkeit das [*] und <ul> wegzulassen, denn sonst ist der abstand zwischen den zeilen zu groß, also dann mit
zeilenabstand, schaus dir an unter www.mistel4ever.de.vu -> links
oder ist das dann nicht mehr ganz ok^^
p.s. kann mir dann noch vielleicht jemand helfen und sagen wies vielleicht auch in anderen browsern außer dem ff geht?
C
Commodore
Guest
GodFather schrieb:
der ie nimmt die angabe hover nur im fall von a:hover{} an, und nicht bei a:hover img{}
dasher ist das wohl nicht damit zu realisieren.
G
Gelöschtes Mitglied 2703
Guest
mach doch einfach einen bild wechsel mit php zusätzlich wenn man auf das bild klickt - haben IE user halt einen mausklick mehr - verschmerzbar !
der sinn von soetwas, was godfather vorhat ist allerdings, dass man beim hover sieht, was einen erwartet. wenn man draufklickt, kommt man ja direkt auf die website und dann sieht derjenige ja selber was ihn erwartet, also hätte sich damit die Diskussion auch erledigt ;)
Die Einstellung von wegen IE Nutzer haben halt Pech gehabt ist schlecht, da ich glaube, dass über 80% der Inet user den IE benutzen.
Mich würden sowieso mal aktuelle Zahlen dazu interessieren. Finde leider keine...
Die Einstellung von wegen IE Nutzer haben halt Pech gehabt ist schlecht, da ich glaube, dass über 80% der Inet user den IE benutzen.
Mich würden sowieso mal aktuelle Zahlen dazu interessieren. Finde leider keine...
- Status
