Fotos weergeven in ander frame

Status
Niet open voor verdere reacties.
S

Shurlock

Gebruiker
Lid geworden
7 jan 2007
Berichten
7
Deze beginner zit met een probleem en hopelijk kan iemand me hier helpen.

De site (in aanbouw) bevat 3 frames (left, center en right)
In 'right' heb ik thumbnails van fotos staan.
Nu zou ik graag via onMouseOver en onMouseOut de grote foto weergeven in het frame 'center'.
De onMouseOut moet tevens zorgen dat de oorspronkelijke inhoud van frame 'center' wordt hersteld.

Alle hulp van harte welkom!

Alvast dank.
 
Laatst bewerkt:
Dank voor de tip, er staan inderdaad leuke scripts.
Maar.... het is juist het combineren van instructies die niet lukken.
Ben ook maar een beginner. :confused:
 
Alle begin is moeilijk,dus oefenen en blijven oefenen en gewoonweg en de tijd nemen om er iets over te willen lezen,als je op "google" je vraag intypt,krijg je 99 van de 100 keer een antwoord.

Wat bedoel je met Combineren?
 
marcel bosveld zei:
Alle begin is moeilijk,dus oefenen en blijven oefenen en gewoonweg en de tijd nemen om er iets over te willen lezen,als je op "google" je vraag intypt,krijg je 99 van de 100 keer een antwoord.
Klik om te vergroten...

Het licht dat Google heet had ik al gevonden, anders had ik dit forum óók niet gevonden.
Wellicht dat er iemand bereid is een serieus antwoord te geven? Daar zijn forums toch voor?

Alvast dank.
 
Als het combineren je niet lukt, heb je al iets geprobeerd niet? Mss is het handiger als je die code hier neerzet, dan hebben we iets waar we kunnen op verderwerken...

--Johan
 
Als het combineren je niet lukt, heb je al iets geprobeerd niet? Mss is het handiger als je die code hier neerzet, dan hebben we iets waar we kunnen op verderwerken...
Klik om te vergroten...

Wat ik tot nu to heb is het volgende:

Code: 
function winopen (name) 
{ msg=open("","center","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=300,height=200"); 
msg.location = name ;
}

In HTML body heb ik:

Code: 
<a href="" name="pic1.jpg" onMouseOver="winopen(name)"; onMouseOut="winopen(); return true;"> 
<img border="2"  style="border: 1px solid #C0C0C0" src="Thumbs/pic1_small.jpg" xthumbnail-orig-image="pic1.jpg"></a>

Dit werkt wel, maar........
- de oorspronkelijke inhoud van het frame center komt niet terug
- de achtergrond binnen de onMouseOver krijg ik niet zwart

Hoop dat hier een oplossing voor te vinden is.
Alvast dank.
 
Ah, ik en mijn geheugen. Ik heb dat hier nog liggen zie ik zonet :D

M'n server ligt momenteel plat, dus ik kan niet linken naar het voorbeeld. Deze werkt met 2 frames, links en rechts en met aanklikbare links. maar als je de onClick-statements naar onmouseover versast moet het wel lukken lijkt me.

--Johan
 

Bijlagen

Johantrax zei:
Ah, ik en mijn geheugen. Ik heb dat hier nog liggen zie ik zonet :D

M'n server ligt momenteel plat, dus ik kan niet linken naar het voorbeeld. Deze werkt met 2 frames, links en rechts en met aanklikbare links. maar als je de onClick-statements naar onmouseover versast moet het wel lukken lijkt me.

--Johan
Klik om te vergroten...

Dank Johan!!

Dit was het spoor dat ik nodig had om te verwezenlijken wat ik zocht, al dan niet ondanks het 'ik en mijn geheugen'. Volgens mij werkt dat nog prima! :)

Toch heb ik nog een vraagje.......
Hoewel het nu dus in principe doet wat ik wil, wordt de site een beetje 'rommelig' door het wisselen van de inhoud van het frame center.

Ik heb géén haast, maar..... als je misschien nog een suggestie hebt om de huidige code om te zetten naar een PopUp in het center-frame, denk ik dat ik helemaal heb wat ik wil.

Reden van dit verzoek: De 'permanente' inhoud van het center frame en de uitvergroting van de foto wisselen nu duidelijk zichtbaar van inhoud en terug. Volgens mij zou een popup 'netter' werken.

Dus ehm...... batterijtje voor geheugen even bijladen???? :D
Alvast dank voor eventuele aanwijzingen.

Huidige code:

Code: 
<script language="JavaScript">

function winopen(name){
parent.center.document.open()
parent.center.document.write('<html>\n<head>\n</head>\n\n<body bgcolor="black">\n<center><br><br><img src='+name+' width=400 heigth=600></center>\n</body>\n</html>')
parent.center.document.close()
}

function winclose () 
{msg=open("center_orig.htm","center");
}
 
ik zit in het stopcontact, dus het komt snel nu :p Wel uit m'n hoofd, dus wschl niet foutloos :)

We gaan je huidige code combineren met een vorige die je hier al postte
Startcode:
PHP: 
<script language="JavaScript">
function winopen(name){
parent.center.document.open()
parent.center.document.write('<html>\n<head>\n</head>\n\n<body bgcolor="black">\n<center><br><br><img src='+name+' width=400 heigth=600></center>\n</body>\n</html>')
parent.center.document.close()
}
Andere code die je al had (opent een popup):
PHP: 
function winopen (name) 
{ msg=open("","center","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=300,height=200"); 
msg.location = name ;
}


Resultaat:
PHP: 
<script language="JavaScript">
function winopen(name) {
//de popup maken en in de variable popup steken, zodat we die kunnen wijzigen
var popup = window.open("", "center", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=400,height=600"); 
popup.document.open();
popup.document.write('<html>\n<head>\n</head>\n\n<body bgcolor="black">\n<center><br><br><img src='+name+' width=400 heigth=600></center>\n</body>\n</html>');
popup.document.close();
}

//functie die de popup moet sluiten
function winclose() {
popup.close();
}
</script>

--Johan
 
Een antwoord van mij in een andere topic.

Hier komt ondertussen een voorbeeld 5 bij dat een rij van 5 thumbs plaatst onderaan of boven aan, of waar je ook wilt, ook zonder frames. Deze heb ik ondertussen aangepast zodat je de foto ook kan "downloaden" op ware grootte.

Hopelijk vind je in deze late reactie misschien iets.

Greetz : Jer:cool:en.

[edit]Ik had de drie antwoorden voor het mijne nog niet gelezen toen ik mijn antwoord zette[einde edit]
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan