LinkBack URL
About LinkBacks
ZitierenHmm .. warum muss es denn ein Hotspot sein? .. Für mich sieht es aus wie ein Werbebanner, da würde ich erwarten, daß ich einfach irgendwo draufklicken kann. Ich würd einfach das gesamte Bild verlinken^^
Hallo Leute,
zun�chst einmal bin ich blutiger html Anf�nger und hab deshalb etwas bescheuerte Ans�tze
aber solange diese funktionieren...
ich habe ein hoffentlich einfaches problem:
ich habe ein Bild (500x800) und m�chte dieses zun�chst per mouseover austauschen und per mouseout
wieder zur�ck (bis hierhin kein Problem).
Jetzt muss ich aber im zweiten Bild einen link unterbringen (inkl. Bild und hotspot) weshalb ich mich
zun�chst f�r eine "z index Wechsel" L�sung entschieden habe. Da ich mit Dreamweaver arbeite war das zun�chst
auch nicht schwer. Einfach im verhalten bei mouseover/out this.style.zIndex = xx eingegeben. Jetzt wechselt der
z index zwar allerdings auch sofort wieder zur�ck. Ich nehme mal an weil im css der z index f�r beide Bilder fest
definiert ist oder? Wenn ich diese css Regel allerdings entferne funktioniert das javascript nicht mehr.
Mit positions Wechsel wollte ich nicht arbeiten da diese mir wahrscheinlich einen scrollbalken erzeugen w�rden weil ich unbedingt die 500x800 einhalten muss (ist f�r facebook)
zum besseren Verst�ndnis hab ich das ganze mal mit bildwechsel hochgeladen:
http://www.fit-plus.eu/facebook/herb...t_spezial.html
sobald die Maus dr�ber ist muss unten rechts bei amazon.de ein hotspot link rein.
Ich hoffe jemand kann mir helfen DANKE IM VORAUS
und der code:
HTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Unbenanntes Dokument</title> </head> <style type="text/css"> #front { position: absolute; left: 0px; top: 0px; } #front { position: absolute; left: 0px; top: 0px; } #back { position: absolute; left: 0px; top: 0px; } </style> <body onload="MM_preloadImages('img/back.jpg')"> <img src="img/front.jpg" name="front" width="500" height="800" id="front" onmouseover="MM_swapImage('front','','img/back.jpg',1)" onmouseout="MM_swapImgRestore()" /> </body> </html>
Hmm .. warum muss es denn ein Hotspot sein? .. Für mich sieht es aus wie ein Werbebanner, da würde ich erwarten, daß ich einfach irgendwo draufklicken kann. Ich würd einfach das gesamte Bild verlinken^^
das geht leider nicht weil das Bild darunter so funktionieren muss:
http://www.fit-plus.eu/facebook/herb...st_spezial.php
also wie um alles in der Welt schaff ich es dieses:
http://www.fit-plus.eu/facebook/herb...t_spezial.html
mit dem zu verbinden?
http://www.fit-plus.eu/facebook/herb...st_spezial.php
.. spontan fällt mir da zB Javascript und "innerHTML" ein .. aber ob das hier (gut und flüssig) bei mouseover funktioniert, weiß ich nicht ..
danke! aber ich mach jetzt einfach zwei miteinander verzinkte html Dateien und gut ist. Sicherlich eine der schlechtesten Lösungen hierfür aber die Bilder sind ja auch nicht sonderlich groß und es muss vokalem fertig werden
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)