roll over funktion

har lige nu forsøgt med :

<td width="12%">&nbsp;<img src="nytcam.gif" onMouseOver="this.src=\"/thumbnailmappestor/".$row[thumbnailstor]."\"" onMouseOut="this.src='nytcam.gif'"></td>

Men det virker ikke ....

<ole>

Hvis der står sådan i koden, når den rammer browseren, er der ikke noget at sige til, det ikke fungerer. Står der noget andet, er det dét, vi har brug for at se  :)

/mvh
</bole>

... mon ikke, du skal bruge enkelte gåseøjne i stedet for \"? Det kan du med det samme se i ViewSource  :)

dette er taget fra "vis kilde" :
<td width='12%'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\'/thumbnailmappestor/'.f1NkgoMn2.jpg.'\'' onMouseOut='this.src='nytcam.gif''></td>

Skal et område et andet sted på siden have det store billede eller skal det komme op foran eller ...

-- det vil i hvert fald lave fejl, for der er rod i gnyfferne ...

altså når man kører musen henover nytcam.gif skal f1NkgoMn2.jpg komme frem..
Nogen der kan se hvor fejlen er ??

<td width='12%'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\'/thumbnailmappestor/f1NkgoMn2.jpg\'' onMouseOut='this.src=\'nytcam.gif\''></td>

-- når det rammer browseren skal det i hvert fald se ca. sådan ud !-)

Det ser sådan ud.. er det så forkert ??

<td width='12%'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\'/thumbnailmappestor/'.f1NkgoMn2.jpg.'\'' onMouseOut='this.src='nytcam.gif''></td>

Ja, fordi du ikke i php har gennemført konkateneringen, sikkert fordi du har fejl i gnyfferne der også !-)

F.eks.

echo "<td width='12%'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\"' onMouseOut='this.src=\"nytcam.gif\"'></td>";

Okay det virker, bortset fra den går ind og "skubber" til texten ovenover og nedenunder.. Kan jeg ikke få den til at vise billedet uden at skubbe texten ??

Hvordan skubber den ?-)

-- måske skal du bare sætte højde og/eller bredde på billedet ?o]

prøv at check :
http://www.komsikomsa.dk/soegprofiler.php

under profilen actionman, og kør musen henover kamera ikonet  ..

Ja, naturligvis skubbes resten, når du sætter et enormt meget større billede ind  :)

Så skal du lave det helt anderledes, f.eks.

echo "<td width='12%'><div style='position:relative;'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\";this.style.position=\"absolute\";' onMouseOut='this.src=\"nytcam.gif\";this.style.position=\"relative\";'></div></td>";

-- ganske utestet (og det gælder specielt andre browsere end IE !-)

fint.. men hvordan får jeg popup billedet placeret lidt længere til højre på siden ???

Hrm, den bliver mere og mere langhåret, men f.eks.

echo "<td width='12%'><div style='position:relative;'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\";st=this.style;st.position=\"absolute\";st.left=\"-30px;\"' onMouseOut='this.src=\"nytcam.gif\";st=this.style;st.position=\"relative\";st.left=\"0\";'></div></td>";

-- og hvis du også vil have rykket det lidt op kan du gentage nummeret for st.top !-)

øh jeg ka ikke få billedet til at flytte sig ??

-- der er også et semikolon for meget efter -30px, prøv at fjerne det, jeg kunne ikke lige lave en realistisk test !-)

ja nu flytter det sig, men 'nytcam.gif' flytter sig også lidt... det skal det helst ikke :-)

Ja, det ser mystisk ud, og ligner nogle problemer med, at musen jo flyttes ud af billedet, hvis du rykker det mod højre, og så går den jo i loop, hvor den rykker ind og ud af billed-feltet !-)

-- det ligner en fuldstændig anderledes angrebsvinkel, hvor du i stedet introducerer et helt andet element, som vises ovenpå det de andre ...

-- kig f.eks. på overLIB: http://www.bosrup.com/web/overlib/ !o]

ok denne version er ok man kan bare se de andre 'nytcam.gif' igennem det popup billede, men teksten skinner ikke igennem ????:

echo "<td width='12%'><div style='position:relative;'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\";this.style.position=\"absolute\";' onMouseOut='this.src=\"nytcam.gif\";this.style.position=\"relative\";'></div></td>";

Skinner igennem ?-)

-- jeg kan da ikke se noget (men det gamle billede er jo heller ikke tilstede, så måske, hvis du har flere !-)

-- så skal vi måske ændre på z-index ...

echo "<td width='12%'><div style='position:relative;'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\";st=this.style;st.position=\"absolute\";st.zIndex=\"100\";' onMouseOut='this.src=\"nytcam.gif\";st=this.style;st.position=\"relative\";st.zIndex=\"\";'></div></td>";

ja det er hvis du går ind under avanceret søgning og så vælger med billede

Du har et problem med en javascript-variabel, startTael, på alle andre sider end den første !-)

-- og det burde ovenstående løse ...

øh hvorhenne ??

Når jeg klikker på Næste i søgningen virker mouseover på billeder ikke mere ...

-- og det gør de ikke, fordi der har været en javascript-fejl, fordi der er et kald til variablen startTael, som åbenbart ikke findes !-)

nej okay, men det er fordi at soegprofiler_fortsat.php ikke indeholder den funktion...
Har ikke rettet det til alle steder endnu..
Men prøv avanceret søgning og så vælg profil med billede.. Så kan du se det på samme side under soegprofiler.php !!

-- har du prøvet udgaven med z-index ?-)

nej ik endnu.. vil prøve !

det ændrer ikke noget. De små ikoner af kamera kan ses igennem popup billedet ..

stadig et stort ???

Je ne comprend pas !-)

-- men jeg fik da den idé, at du kan starte fra toppen med at sætte z-index til et stort tal på billederne, og så sætte det ned efterhånden som du læser nedad, hvilket er rimeligt tilgængeligt ...

Altså en variabel, som på toppen af siden får tildelt f.eks. værdien 1000, og så for hvert loop nedskrives med 10:

$mitZIndex = 1000;

while($mitLoop = $my_sql_rows){//eller hvordan du looper !-)

echo " ...  <img src='nytcam.gif' ... style='z-index:".$mitZIndex.";' ... "

$mitZIndex -= 10;

}

-- evt. kan det være nødvendigt at sætte det på diven ...

øh det kan jeg vist ikke lige overskue...

-- ideen er at du altid sætter et forankommende billede til et højere z-index en de efterfølgende, for så vil de store billeder jo komme ovenpå de efterliggende !-)

Forstår ikke denne : $mitZIndex -= 10;

Det betyder træk 10 fra $mitZIndex, præcis, som hvis du:

$mitZIndex = $mitZIndex - 10;

Jeg har lige nu :
echo "<td width='12%'><div style='position:relative;'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\";st=this.style;st.position=\"absolute\";st.zIndex=\"300\";' onMouseOut='this.src=\"nytcam.gif\";st=this.style;st.position=\"relative\";st.zIndex=\"\";'></div></td>";

Hvordan skal det se ud ?????

Hrm, egentlig er det nok nemmest at sætte z-index på den omkransende div:

echo "<td width='12%'><div style='position:relative;z-index:".$mitZIndex.";'>&nbsp;<img src='nytcam.gif' onMouseOver='this.src=\"/thumbnailmappestor/".$row["thumbnailstor"]."\";this.style.position=\"absolute\";' onMouseOut='this.src=\"nytcam.gif\";this.style.position=\"relative\";'></div></td>";

jamen det ser jo ud til at virke :-)
Mange tak for hjælpen !

læg et svar roenving !

Velbekomme '-)

-- og tak for point ;~}