anoniem Geplaatst: 3 oktober 2002 Delen Geplaatst: 3 oktober 2002 op mijn homepage http://members1.chello.nl/~e.dieperink bij fotos krijg ik de fotos helemaal rechts, maar ik wil ze veel meer naar links hebben. Hoe los ik dit op? [b:b304dfe8b6]mod edit: titel aangepast: http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=59999 t.[/b:b304dfe8b6] Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 Layers of iframes gebruiken. Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 Als je in je code op de pagina's "[i:213ed4e206]nederlands/fotos.html[/i:213ed4e206]" en "[i:213ed4e206]english/pics.html[/i:213ed4e206]" in het eerste script in het eerste gedeelte van de functie "[i:213ed4e206]enlarge(which,e)[/i:213ed4e206]" de waarden van resp. [b:213ed4e206]pageXOffset[/b:213ed4e206] (voor Netscape) en [b:213ed4e206]document.body.scrollLeft[/b:213ed4e206] (voor IE) verlaagt. Bijvoorbeeld met 200 als volgt:[code:1:213ed4e206]function enlarge(which,e){ //Render image code for IE 4+ and NS6 if (ie||ns6){ crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage if (crossobj.style.visibility=="hidden") { crossobj.style.left=ns6? pageXOffset+e.clientX-200 : document.body.scrollLeft+event.clientX-200 crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY crossobj.innerHTML='<div align=right id=drag><b onClick=closepreview()>X</b></div><img src="'+which+'">' crossobj.style.visibility="visible" }[/code:1:213ed4e206]Je moet zelf maar een beetje spelen met de grootte van de verschuiving. De -200 staat hier voor 200 pixels naar links. Op de volgende regel in het script staan de Y-waardes voor verticaal. Op dezelfde manier kun je het plaatje hoger of lager laten zien. Hou er wel rekening mee dat de positie van de vergroting is [b:213ed4e206]ten opzichte van[/b:213ed4e206] de positie van de tumbnail. Dus als je de verschuiving naar links te groot maakt is de vergroting van de meest linkse tumbnail(s) niet meer geheel te zien. Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 Hallo, Allereerst bedankt voor je hulp. Nu heb ik nog 1 vraagje. Probleem wat ik had is opgelost, maar de foto opent zich nog onder de kleine foto en ik wil hem er juist bovenop openen, zodat je de uitvergroting helemaal goed ziet en niet onder de andere fotos door. Hoe kan ik dit oplossen? Robbert Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 ik weet niet zeker of dat met css gaat of anders moet je het er in de <div> tag bijzetten. Maar met de z-index kan je de ene layer boven de andere laten komen dus z-index 0 is de laagste etc. dus de layers met de thumbs krijgen z-index 0 bv. en de nieuwe layer met de foto in z-index 1 bv. Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 Dit begrijp ik niet helemaal, hoe moet ik dit precies neerzetten die z-index, kun je een voorbeeld geven? Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 met een z-index css geef je de volgorde van lagen aan: [code:1:520b375866] <style type="text/css"> .lay1 { width: 100px; height: 100px; background-color: #0080ff; position: absolute; top: 10px; left: 10px; z-index: 2; } .lay2 { width: 150px; height: 150px; background-color: silver; position: absolute; top: 25px; left: 25px; z-index: 1; } </style> <body> <div class="lay1">Laag 1</div> <div class="lay2">Laag 2</div> </body> [/code:1:520b375866] Als je het effect wil zien moet je de waardes van de z-index omdraaien. t. Quote Link naar reactie
anoniem Geplaatst: 3 oktober 2002 Auteur Delen Geplaatst: 3 oktober 2002 lukt niet echt, als ik z-index: 1 of z-index: 2 neerzet in Golive dan zet hij dat in het oranje neer, lijkt me niet goed, gebeurt ook verder weinig Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen