Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 6
Seite [1]
Bombastic


Wannabe 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 ClanSphere Team

Supporter
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 ClanSphere Team 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 ClanSphere Team

Supporter
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.