Frames vragen

Status
Niet open voor verdere reacties.
M

Miekie_G

Gebruiker
Lid geworden
4 sep 2006
Berichten
6
Hallo, wie oh wie kan mij helpen.
Ik ben een beginnend gebruiker van Dreamweaver en loop nog tegen wat problemen op.:shocked:

Ik heb een pagina gemaakt met frames; top, middle en bottom.
Het top frame blijf ongewijzigd, een soort kop zeg maar.

In het bottom frame wil ik een hele serie kleine foto's plaatsen met een horizontale scrolbalk. Dat wil niet lukken, krijg alleen een verticale zodat het hele frame wat groter wordt. Ik wil binnen een stramien blijven en horizontaal kunnen scrollen.

Dan wil ik als je op zo'n klein foto'tje klikt dat ie groot zichtbaar wordt in het mainframe. In dit frame staat wel al een achtergrond. Is het dan mogelijk om op die achtergrond de grotere foto te plaatsen (gecentreerd)????
Nu krijg ik 'm links op een witte achtergrond. Dat vind ik niet mooi.

Thanks
 
Dat kan je doen met een javascript zonder dat de achtergrodn in je mainframe verandert, en zonder dat je voor elke foto een nieuwe pagina moet maken.
Eigenlijk heb je zelfs geen bottomframe nodig, maar kan je de main en bottom samensmelten in 1 pagina die niet verandert buiten de foto die wordt getoond, en met een scroll die de onderste fotootjes horizontaal kan doen schuiven, zoals je dat wilt.
Fotoshows met javascript is zo'n beetje mijn specialiteit geworden.
Ik kijk er vandaag naartoe, maar nu moet ik gaan trainen.

Greetz : Jer:cool:en.
 
Thanks Jeroen, ik ben heel benieuwd naar je uitleg....

Je begrijpt precies wat ik bedoel, in m'n koppie heb ik 't leuk bedacht maar de uitwerking wil nog niet zo vlotten :rolleyes:
 
Dit is de basis van je pagina :
HTML: 
<html>
<head>
<title>Slideshow met thumbs beneden</title>
<style type="text/css">
div .thumbs {
overflow:auto;
}
</style>
</head>
<body background="../Pictures/Tablebg.jpg">
<table height="100%" width="100%">
<tr valign="middle"><td align="center">
<img id="bigpic">
</td></tr>
<tr><td>
<div id="thumbs">

</div>
</td></tr></table>
</body>
</html>
Hier het voorbeeld, maar je zal nog niets zien
Dit wordt nog verder uitgewerkt.
Er komt nog javascript bij kijken, maar da maak ik wel even.
De afbeeldingen komen er ook nog wel in.

Greetz : Jer:cool:en.
 
Laatst bewerkt:
Ben al zover dat het opzet werkt, alleen de horizontale scroll werkt niet.
Daar zoek ik nog wel even naar.
Mocht het niet lukken, dan werken we wel met dat bottomframe.

Greetz : Jer:cool:en.
 
Ik heb dus toch frames moeten gebruiken. Mijn kennis is blijkbaar niet grot genoeg, maar het werkt ook. de bron zet ik hier morgen wel.
Hier is weer het voorbeeld.

Greetz : Jer:cool:en.
 
Geweldig

Hoi Jeroen,
je bent geweldig... ik ben zo blij met jou kennis.
Ik wacht op je broncodes en ga ze proberen morgen gelijk te benutten.

Zodra het gelukt is zal ik het je laten weten!!!

Groetjes, Miekie
:thumb:
 
Hier in de bijlage zijn de broncodes van de twee bestanden main en bottom.
Sla ze op als .htm bestand.
Zorg ervoor dat je mainframe "mainFrame" heeft als naam, of verander het in het script.
Verander in bottom.htm "Beelden" door de map waarin je foto's staan. Staan ze in dezelfde map als je htm-bestand, verwijder dan "Beelden/".
Geef je foto's de naam "foto0"" foto1" ... tot zover je wilt gaan en je thumbs "fotothumb0" "fotothumb0" ... tot zover je wilt gaan.
De "jpg" verander je in de extentie die jouw foto's hebben.
Verander in het volgende lijntje de "11" in het nummer van je laatste foto:
"for (var i = 0; i <= 11; i++) {"
Je vindt het gemakkelijk weer.

Greetz : Jer:cool:en.
 

Bijlagen

  • bottom.txt
    813 bytes · Weergaven: 33
  • main.txt
    235 bytes · Weergaven: 29
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan