Antworten: 6
Seite [1] |
|
 BombasticWannabe poster Beiträge: 20 |
# Thema - 27.05.2008 um 10:40 Uhr
Heyho Ich benötige mal ein wenig Hilfe! Ich will für ein Artikel-Archiv ein OnMouse Effekt machen! Sprich sobald ich die Maus über den Titel des Artikels mache das rechts daneben ein kleines Titelbild dieses Artikels erscheint! Ich bekam sowas in der Art schon Leicht hin, leider gefällt mir das nicht so ganz Hier mal der Code Der Code  <script type="text/javascript"> <!-- 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_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_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><body onLoad="MM_preloadImages('http://www.nightspirits.eu/images/articles/Live-VivaStyleNights1.jpg',' http://www.nightspirits.eu/images/articles/Live-KissFm1.jpg','http://w ww.nightspirits.eu/images/articles/Live-Mayday1.jpg')"> <tbody><tr> <td class="tab_color_top" colspan="6" height="1"></td> </tr> <tr> <td class="tab_color" height="18" width="5"></td> <td width="145" class="tab_color bold white"><strong>Rubrik</strong></td> <td width="360" class="tab_color bold white"><strong>Titel</strong></td> <td class="tab_color" width="5"></td> </tr> <tr> <td class="tab_color2" colspan="6" height="2"></td> </tr> <tr> <td class="table_dark" height="20"></td> <td class="table_dark">Dates</td> <td class="table_dark"><a href="http://www.nightspirits.eu/readarticle.php?article_id=227" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://www.nightspirits.eu/images/articles/Live-PalmenzeltGoesBoat08-1.jpg' ,0)"><img src="Palmenzelt Goes Boat 2008" alt="Palmenzelt Goes Boat 2008" name="Image1" border="0" id="Image1" /></a></td> <td class="table_dark" height="20"></td> </tr><tr> <td class="table_light" height="20"></td> <td class="table_light">Dates</td> <td class="table_light"><a href="http://www.nightspirits.eu/readarticle.php?article_id=226" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','http://www.nightspirits.eu/images/articles/Live-VivaStyleNights1.jpg',1)" ><img src="Viva Style Nights" alt="Viva Style Nights" name="Image2" border="0" id="Image2" /></a></td> <td class="table_light" height="20"></td> </tr><tr> <td class="table_dark" height="20"></td> <td class="table_dark">Dates</td> <td class="table_dark"><a href="http://www.nightspirits.eu/readarticle.php?article_id=225" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','http://www.nightspirits.eu/images/articles/Live-KissFm1.jpg',1)">< img src="KissFm Clubtour 2008" alt="KissFm Clubtour 2008" name="Image3" border="0" id="Image3" /></a></td> <td class="table_dark" height="20"></td> </tr><tr> <td class="table_light" height="20"></td> <td class="table_light">Rückblick</td> <td class="table_light"><a href="http://www.nightspirits.eu/readarticle.php?article_id=218" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','http://www.nightspirits.eu/images/articles/Live-Mayday1.jpg',1)">< img src="Mayday 2008 """ alt="Mayday 2008 Reflect Yourself" name="Image4" border="0" id="Image4"reflect="reflect" yourself="yourself" /></a></td> <td class="table_light" height="20"></td> </tr><tr> </tr><tr><td class="table_lightgrey" colspan="6" height="1"></td></tr></tbody> Bei dem Code ist das Problem, das wenn ich über die Textstelle die Maus mache erscheint zwar das Bild, aber der Text ist weg und ich seh nur noch das bild und wenn ich dann 1zeile tiefer auf den nächsten artikel will klappt das nicht ganz weil das bild verschwindet und ich 3zeilen oder sogar 4zeilen tiefer lande... evtl hat jemand eine Idee wie ich das evtl besser lösen könnte! |
Inaktiv |
 |
ichraffsnicht  Supporter  Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 1 - 28.05.2008 um 11:15 Uhr
haste das irgendwie live?? weil so kann ich mir nix drunter vorstellen. btw: den js-code bitte auslagern, in eine externe datei. ------------------      Zuletzt editiert von X-R4Y am 28.05.2008 um 11:17 Uhr (1x Editiert) |
Inaktiv |
  |  |
| Bombastic Thread-Ersteller Wannabe poster Beiträge: 20 |
# Antwort: 2 - 28.05.2008 um 11:50 Uhr
ja live zu sehen gibt es das ganze hier http://www.nightspirits.eu/viewpage.php?page_id=35 bitte nicht ärgern ist kein clansphere die deppen wollen einfach net umsteigen -.- |
Inaktiv |
| |
| VooDooAlex Poststar  Herkunft: Coburg Beiträge: 691 |
# Antwort: 3 - 28.05.2008 um 12:05 Uhr
Mache es über css, ist einfacher. Gibt schon einige Beiträge dazu. Gruß Alex ------------------  |
Inaktiv |
| |
| Pred Poststar  Herkunft: Bischofsmais Beiträge: 762 |
# Antwort: 4 - 28.05.2008 um 12:06 Uhr
jo, is klar das es dir alles verschiebt, weil du das bild in die gleiche div legst, wie die beschreibung. Also entweder suchs du dir ein anderes Script oder, was ich fast besser finde, du legst rechts neben der beschreibung nochmal nen div container an, wo die bilder dann immer angezeigt werden. Als anderes Script könntest du vllt. sowas benutzen: http://www.dynamicdrive.com/dynamicindex5/popinfo.htm dort wird das Bild nicht in eine Div gelegt, sondern sozusagen als "Pop Up" an die Maus geheftet (ich denke sowas wolltest du eig?) ------------------ |
Inaktiv |
| |
| ichraffsnicht Supporter Herkunft: Erdeborn bei Lutherstadt Eisleben Beiträge: 3191 |
# Antwort: 5 - 28.05.2008 um 15:12 Uhr
ich würde auch empfehlen, es über css zu machen ------------------ |
Inaktiv |
| |
| Bombastic Thread-Ersteller Wannabe poster Beiträge: 20 |
# Antwort: 6 - 28.05.2008 um 18:24 Uhr
hmm mit dem Extra Div Container wie meint ihr das genau Bin leider kein richtiger Coder, ich hab mir das da oben im prinzip nur per Dreamweaver RollOverEffekt zusammen gebastelt... Hoffe ihr könnt mir da helfen Zuletzt editiert von Bombastic am 29.05.2008 um 08:33 Uhr (1x Editiert) |
Inaktiv |
| |
Antworten: 6
Seite [1] |
|
| Sie müssen sich registrieren, um zu antworten. |