Avatar billede cyperangel Nybegynder
27. november 2002 - 10:07 Der er 5 kommentarer og
1 løsning

layers i css og javascript

http://www.cyperdesign.dk/test/

Dette er første udkast. Som det jo tydeligt kan ses, er det kun tekstboksen med den genemsigtige scrollbar (wooohooo) der virker lige nu. Mit problem nu, er at der i nederste venstre side af designet er en boks med et billede i, og fem andre små bokse med andre billeder i.

Jeg ville gerne have det sådan, at når man trykker på et af de små thumbnails, så ændrer det større billede sig til en stor version af thumbnailen....

Jeg forestiller mig at det kræver en omgang javascript og noget med nogle layers der skal flyttes frem og tilbage på z-aksen på siden, alt efter hvad brugeren klikker på.

Kan dette lade sig gøre, og i så fald hvordan?

Besvarelser bedes serveret med en ordentlig omgang kommentarer i koden, da jeg lige nu er en ret nybegynder indenfor både layers i css, og javascript.

Kort sagt, jeg ved nok om det til at vide at det burde kunne lade sig gøre med denne metode, men absolut ikke nok om det til selv at hitte rede i hvordan faen man gør....

Et godt hint ville være at give mig en guide til hvordan man adresserer via javascript, de forskelllige layers z-akse, for så kan jeg måske selv hitte ud af at ændre i dem med nogle onklick funktioner.... måske....

JEg har smidt en god protion points efter dette spørgsmål, da det er ldit vigtgt for mig
Avatar billede loss Nybegynder
27. november 2002 - 10:14 #1
det kan osse laves uden brug af css og layers....

hvis du giver Det store billed et navn

<img name="storbilled" src="storbilled.jpg">

så kan du når du klikker på de små billeder lave denne

<img name="lillebilled1.jpg" src="lillebilled1" onclick="Document.images[storbilled].src='nytstortbilled.jpg'">

sig til hvis mere hjælp skal til

// LOSS
Avatar billede cdc Novice
27. november 2002 - 10:18 #2
Her er der lidt om z index: http://www.html.dk/tutorials/css/lektion15.asp
her er det et ex, med en pegefølspm knap, denne kan så laves om til onclick i stedet. http://hjem.get2net.dk/arntsen/eksperten/js/apricos/test.htm
Billedet skal vel være samme sted hver gang, det kan du evnt, bruge den der ligger på www.hillerodgolf.dk, før musen hen over menuen
Avatar billede cyperangel Nybegynder
27. november 2002 - 10:37 #3
tjah. Det med abrikoserne er jo meget tæt på det jeg skal have lavet. Problemet jeg har er jo, at de små thumbnails lige præcis skal ind og dække over det billede som de skal ændre på ved onclick.. så jeg formoder at det er en gang layers der skal i gang. noget med at slå visibility til og fra, eller flytte rundt på deres z værdier.... et andet spørgsmål er, om jeg kan tage værdierne for x og y aksen fra det baggrundsbillede der ligger bag tabellen, siden billederne skal placeres samme sted i forhold til baggrundsbilledet, uanset hvor stort brugerens vindue og opløsning er...
Avatar billede cyperangel Nybegynder
27. november 2002 - 13:21 #4
er der slet ingen der kan give mig en hånd med det?

Jeg har brug for et script der kan ændre et billedes z-index i en <div>, når man klikker på et andet billede i en anden <div>.

Desuden har jeg brug for at vide hvordan man kan tage x og y værdierne fra baggrundsbilledet og give dem som basis for alle de andre <div>'s top og left værdier...

Og endelig har jeg brug for at få at vide, hvordan eg kan placere en hulens masse billeder i skærmstørrelse bag ved min iframe, så den stadig virker..... Kan det lade sig gøre? jeg skal jo gerne stadig kunne scrolle i min tekst i den frame..

Og nu vi er i gang. hvordan targeter jeg den frame?

Mange tak...
Avatar billede cyperangel Nybegynder
27. november 2002 - 13:28 #5
Jeg kunne virkeligt godt bruge nogle ideer til hvordan jeg kan, ved at klikke i en div, ændre z-indekset på en anden div...

og, hvordan jeg kan få min iframe placeret i en div, der befinder sig øverst hele tiden, således at jeg kan bruge min scrollbar i teksten, selvom jeg placerer et billede i skærmstørrelsen bagved.

Og, hvis nogen kan fortælle mig hvordan man targeter den iframe, så jeg kan skifte indholdet ud ved at klikke på noget andet på siden, vil jeg blive meget glad.

Mange tak for opmærksomheden
Avatar billede cyperangel Nybegynder
27. november 2002 - 19:56 #6
fint nok, jeg hitter så bare selv ud af det.....
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