layer

[jeel2008]

hallo,
ik heb een pagina op een site, als ik over een thumbnail ga verschijnt er elders op de pagina de vergrote versie van de thumbnail. dat is met vier thumbnails zo.

het begin van het javascript ziet er zo uit,

var afbeeldingen=new Array()
afbeeldingen[0]=[".imagegroot.jpg"]

maar het is t lang om het weer te geven.

verderop in de code staat: <div align="center">
<a href="#" onmouseover="wijzigbeeld('beeldplaatsing', 0)">
<img src="../imgaethumbnail.jpg" width="37" height="50" border="0" /> </a></div>

hoe dan ook, nu wil ik, als je over de grote image met je muis gaat, dat er een layer verschijnt die info over het plaatje geeft. echter, hoe doe je dat? ik heb weinig verstand van javascript maar de behaviour hierin plakken , tussen die vierkante haken, :

[".imagegroot.jpg"]

gaat volgens mij niet.
waar moet ik de opdracht tot het verschijnen van de layer dan geven?

groeten jeel2008

ps de vraag is eigenlijk:
hoe kan ik IN deze regel

afbeeldingen[0]=[".imagegroot.jpg"]

een opdracht geven om behalve de image te tonen ook nog eens te zeggen dat ik daarvan apart ook nog ergens info wil tonen?
door na de aanhalingstekens een puntkomma te plaatsen? na de vierkante haken andere vierkante haken openen?
je ne sais pas.

normaal gesproken zie je een image in beeld, vast, en kun je met behaviours van alles klooien, maar in dit geval IS de foto niet in beeld, dus kun je m ook niet aanpassen. de foto verschijnt namelijk pas NADAT je wat doet (nl je muis erover) en dat gebeurt in de browser pas, maar in een WYSIWYG editor als dreamweaver is je beeld leeg.

 

[Glest]

Als je iets in code tags plakt is niks te lang om neer te zetten :thumb:


Maar even voor de goede orde, dit is geen script, het is data:

afbeeldingen[0]=[".imagegroot.jpg"]

Goed, technisch gezien is het een script, maar het is een script wat data in een array stopt. Oftewel, het propt informatie in een array die later door een functie gebruikt wordt om echt iets te doen.

Je moet dus ergens anders de aanpassing maken.

En die aanpassing kan als volgt, al weet ik niet waar:

// in de onmouseover event handler:
var layer = document.getElementById("layerDiv");
layer.innerHTML = "informatie"; // Hier komt je dynamisch gegenereerde HTML
layer.style.display = "block"; // Hier wordt je layer zichtbaar gemaakt.

// in de onmouseout event handler:
var layer = document.getElementById("layerDiv");
layer.style.display = "none"; // verberg de layer

Nog een opmerking, sluit al je regels af met een puntkomma. Ik weet dat browsers er niet om klagen, maar het is veel netter. De vierkante haakjes om je tekst vindt ik raar, dat soort markup heb ik nog nooit gezien maar dat kan aan mij liggen.

 

[jeel2008]

beeldplaatsing

hallo Glest, allereerst mijn dank uiteraard,

ja, ik snap wat je bedoelt, maar ik denk dat daar nou net het probleem zit.
ik wil met 1 beweging twee acties tegelijkertijd uitvoeren:

1. een image weergeven, in de maincel, zal ik maar zeggen,
2. rechtsboven in de pagina, in een andere cel, info geven over die image.

wacht , ik zal je opsturen wat ik heb, misschien verduidelijkt dat de zaak (of wordt het er nog onduidelijker op, dat kan natuurlijk ook .

als attachment de code van de pagina, en wat je in beeld ziet.

groeten jeel2008

ps OF: nog beter: dat ik eerst met de muis over de thumbnail ga, DAN verschijnt de grote image, en als ik DAAR dan met de muis overheen ga, dan komt er ook nog eens info.maar nu wordt het misschien wel erg ingewikkeld. maar deze laatste manier, zou de mooiste zijn. en hier zijn we dan bij het oorspronkelijke probleem: ik kan geen behaviour geven aan een image die niet in beeld verschijnt in dreamweaver (dat gebeurt nl pas in de browser als je over de thumbnail bent gegaan).

 

[jeel2008]

layers

hallo glest,ok, het is met gelukt om twee LAYERS tegelijkertijd te laten verschijnen, misschien is dat ook waar jij op doelde.

dat is goed genoeg, maar ik ben altijd een beetje huiverig voor het feit of die wel in elke browser hetzelfde geplaatst worden, daarom had ik liever gehad dat er in twee afzonderlijke cellen info zou verschijnen, zodat ik zeker weet dat het ok is.

maar dat is dus technisch een stuk ingewikkelder neem ik aan?

in ieder geval bedankt, jeel2008

 

[Glest]

Nee niet echt, maar ik werk nooit met Dreamweaver en die code ziet er nodeloos ingewikkeld uit voor een mouseover effect :shocked:

Maarja, als het werkt werkt het:thumb: