Avatar billede sdfg Nybegynder
01. december 2004 - 22:00 Der er 5 kommentarer og
1 løsning

Skjule og vise flere lag samtidig

Hej eksperter!

Jeg har en række layers der fungerer som thumbs for et større layer.



Stort layer            Layer1 Layer2 Layer3 Layer4 ...... Layer(n)



Jeg ønsker en funktionalitet hvor man kan klikke (mouseUp) på eks. Layer3 som så bliver skjult. Det store layer bliver opdateret med et nyt billede mens alle de andre layers vises.

Håber jeg har beskrevet problemet tydeligt nok. Jeg er totalt grøn hvad java angår, men dog ikke mindre grøn end at jeg kan se, at det Golive(med indbyggede actions) producerer er temmelig rodet.

Med venlig hilsen
Avatar billede roenving Novice
03. december 2004 - 00:45 #1
Den er jeg ikke sikker på, jeg forstår (og jeg er så ikke alene, da ingen har kommenteret dette, er jeg sikker på, relativt simple spørgsmål i over et døgn !-)

-- men et eksempel kan måske få den rette forståelse frem:

<script type="text/javascript">
function visStort(elm){
  imgs = document.images;
  for(i=0;imgs.length>i;i++){
    if(imgs[i].className=='lillBill')
      imgs[i].style.display = 'inline';
  }
  elm.style.display = 'none';
  document.images['stortBill'].src = elm.src.replace(/\.gif/,".jpg")
}
</script>

<img src="default.jpg" name="stortBill" style="width:400px;height:300px;"><br>
<img src="bill1.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill2.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill3.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill4.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill5.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill6.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill7.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill8.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill9.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<img src="bill10.gif" class="lillBill" style="width:40px;height:30px;" onclick="visStort(this)">
<br>

-- du skal i eksemplet så lave thumbnails, som hedder det samme som de store billeder, men er i .gif-format, hvor de store ligger i samme mappe, men i .jpg-format !-)
Avatar billede sdfg Nybegynder
04. december 2004 - 01:02 #2
Hej roenving og hvem der ellers måtte være der!

Jeg har ikke forklaret mig tydeligt nok.
Roenving - dit eksempel fungerer eksemplarisk. Det jeg ikke har formuleret er at:

Jeg havde forestillet mig at billede 10(i roenvings eksempel) som udgangangspunkt er skjult og at det ville blive vist når man klikkede på et af de andre synlige billeder.

Derefter er funktionaliteten i roenvings eksempel præcis hvad jeg ønskede mig.

Med venlig hilsen
Avatar billede roenving Novice
05. december 2004 - 09:36 #3
Sådan ?-)

<img src="bill10.jpg" name="stortBill" style="width:400px;height:300px;"><br>

...

<img src="bill10.gif" class="lillBill" style="width:40px;height:30px;display:none;" onclick="visStort(this)">
<br>
Avatar billede sdfg Nybegynder
11. december 2004 - 21:46 #4
Hej Roenving!

Tak for hjælpen. Det virker.
Men først efter megen bøvl - jeg måtte bruge visibility frem for display.

Har det mon betydniing at jeg arbejder på en Mac.?

Nu må jeg se om jeg kan finde ud af give dig dine point.

Med venlig hilsen
Avatar billede sdfg Nybegynder
11. december 2004 - 21:47 #5
Tak igen!
Avatar billede roenving Novice
18. december 2004 - 16:55 #6
-- hvis du vil give point, skal der foreligge et svar, og jeg lægger ikke et svar, før jeg er sikker på at du (spørgeren !-) har fået noget, som han/hun kan bruge ...

Se evt. http://expfaq.1go.dk/
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