Avatar billede insomniac Nybegynder
01. december 2005 - 16:19 Der er 11 kommentarer og
1 løsning

mouse-over på thumbs skifter et billede andet sted på samme side

Skal bruge et script til et fotograf-site der fungerer på følgende måde: ved mouse-over på hver enkel af en serie thumbs, skiftes et billede et andet sted på samme side. Billedet skal skifte på samme sted på siden for alle thumbs'ene, blot med et forskelligt image for hver enkelt thumb (vise thumb-billederne i større format). Ønsker ikke at bruge frames. Er dette muligt med et script der virker i både IE og NS? (de senere udgaver i det mindste) og på en Mac(?)
Anfør venligst det komplette script hvis et sådan eksisterer - på forhånd tak :-)
Avatar billede Keld Nielsen Professor
01. december 2005 - 16:30 #1
Fra min endnu ikke færdige side: http://www.prolight.dk/exp-truck/kunde-truck.html

Kan du ikke bare tage det fra "vis kode" ???

...håber det er til en kollega og ikke en konkurrent ??? ;-)
Avatar billede roenving Novice
01. december 2005 - 16:31 #2
Hvis dine thumbnails og de tilsvarende store billeder er navngivet på en ens måde, kan du f.eks.

<script type="text/javascript">
function showPic(url){
  document.getElementById("stortBillede").src = url.replace(/_thumb\.jpg/, ".jpg");
}
</script>

<img src="etBillede_thumb.jpg" onmouseover="showPic(this.src);">

-- og <img id="stortBillede" src="standardBillede.jpg">
Avatar billede insomniac Nybegynder
01. december 2005 - 19:24 #3
Til fotograf: Tak for svaret - nej, tror ikke det er en konkurrent til dig, da det drejer sig om en naturfotograf :-) Og ja, det er den funktionalitet jeg er ude efter!
Et sp. *S*: hvad er tricket ved at have et baggrundsbillede bag dine thumbs? Og hvad gør din: onmouseover="window.status='Kirsten Maria'? Din class angivelse; er der noget genialt i style'n?

Til roenving: Osse tak for svaret: ser meget enkelt ud og forstår ikke hvordan det fungerer med et antal billeder...sorry ikke så script-vant endnu, men vil gerne have en uddybning hvis du har tid..
Avatar billede Keld Nielsen Professor
01. december 2005 - 20:26 #4
Baggrundsbilledet er som du nævner, en bagrundsbillede i tabellen.

Den der med window.status viser en tekst i bunden af browseren, ikke noget som man lægger mærke til (jeg glemmer til tider at lave den om ...som du kan se!)
Avatar billede insomniac Nybegynder
01. december 2005 - 21:32 #5
ok men det ser ud til at du har et bagrundsbillede i hver enkelt celle? Dem ser man ikke alligevel og jeg undrede mig over hvad deres formål er?
Avatar billede Keld Nielsen Professor
01. december 2005 - 21:55 #6
Det er en skabelon som er opbygget til at lave mange sider, og ikke alle sider vil være med udfyldte billeder på alle pladser ....derfor!
Avatar billede insomniac Nybegynder
02. december 2005 - 10:04 #7
ok tak for alle input - vælger at implementere fotografs løsning - om ikke andet end fordi den er nemmere forståelig for mig ;-) læg et svar og  point'ene er dine*S*

Håber det er ok med dig roenving at point'ene går til ovenstående(?) sætter dog stor pris på dit input!
Avatar billede Keld Nielsen Professor
02. december 2005 - 10:34 #8
Dejligt at kunne hjælpe ...men jeg skal nu selv lige have kigget på roenvig's forslag, ser spændende ud.
Avatar billede insomniac Nybegynder
06. december 2005 - 15:18 #9
Ja, det gør det helt sikkert!

Mht. din løsning - den er vel osse ok på MAC - kender ikke rigtigt nogen med Macs, så det gør det lidt svært at tjekke...
Avatar billede Keld Nielsen Professor
06. december 2005 - 15:21 #10
Tak for point - men må indrømme jeg ikke har tjekket den på Mac
Avatar billede insomniac Nybegynder
08. december 2005 - 21:15 #11
Har kigget på din truckside i NS - der sker et eller andet mærkeligt med thumb-billederne, måske der det fordi der baggrundsbilleder i cellerne eller osse er det måske noget i stylesheet'ed...
Avatar billede Keld Nielsen Professor
08. december 2005 - 21:55 #12
Jeg er også i gang med at lave det helt anderledes, det var kun en testside. Håber at blive færdig med sitet til jul.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester