[JS] Popup, browsen, image + beschrijving (hoe?) - Softwareontwikkeling

dinsdag 26 juni 2001 21:50

Acties:

Topicstarter

Op dit moment heb ik dit JS-je voor popup- images op mijn site:

Functie definitie:

code:

function LatenZien(imagename, bijschrift)
// voor pop-up window met image
{
    var image= "<IMG src=' DIRECTORY" +
 imagename + "'>"
    var inhoud =     
    "<TITLE>" + imagename +"</TITLE>" +

    "<BODY BGCOLOR='#FFFFCC' TEXT='#000000' LINK='#0000FF'
 VLINK='#FF0000' ALINK='#7F007F'>
<FONT FACE='Arial'   COLOR='#000000' size=2>" +
    "<CENTER>"+
    image +
    "</CENTER><BR>" +
    bijschrift +
    "<BR><CENTER><FORM><INPUT TYPE='BUTTON'
VALUE='Sluiten' onClick='self.close()'></FORM></CENTER></BODY>"

 
  Schermpje = window.open("","popDialog","height=540,width=740,scrollbars=yes")
  Schermpje.document.write(inhoud)
  Schermpje.document.close()
}

Aanroep:

code:

<A href="javascript:LatenZien(' FILENAAM PLAATJE',
' BESCHRIJVING PLAATJE, KOMT ERONDER TE STAAN ')
"ONMOUSEOVER="window.status='Klik op de foto...'; return true" 
ONMOUSEOUT="window.status=''; return true" >

Voor een voorbeeld van hoe het werkt: zie mijn site (bijv. http://www.sassiessite.f2s.com/sneeuw_pics.htm ).

Nu wil ik eigelijk dat je kunt browsen in het popup schermpje, dus een knop 'vorige' en een knop 'volgende'.
Daarbij moeten het plaatje en de beschrijving veranderen. Deze moeten dus eigeschappen van een object worden (de plaatjes staan allemaal in dezelfde directory). Ik had al wat geprobeerd, maar dat liep op niks uit en kon niet ontdekken wat de fout was.

Wat ik dus eigenlijk wil is een soort van crossbrowser slideshow om het even in andere bewoordingen te zeggen.

Heeft iemand hier een idee of tips over om mij op weg te helpen?
Kun je met frames in een popup scherm werken (ik heb een klein ideetje)?

PS: Ik hoef niet voorgekauwd te worden, niet te ingewikkelde gevallen wil ik graag zelf maken (zien bovenstaand script).

edit:

Layout was te zwaar verneukt

[edit2]
FF nog iets verduidelijkt
[/edit2]

dinsdag 26 juni 2001 22:23

Acties:

Verwijderd

Gewoon een frameset erin bouwen, in een kleine frame kan je dan thumbnails maken met links naar de plaatjes of de html files voor de plaatjes die dan in het bovenste frame komt. Als je perse vorige en volgende wilt kan je gewoon allemaal aparte html pagina's maken.

Das simpel iig! En je bent er zo mee klaar <copy + peest

dinsdag 26 juni 2001 23:23

Acties:

Verwijderd

ziet er leuk uit... netjes gedaan trouwens

dinsdag 26 juni 2001 23:37

Acties:

Verwijderd

Ik ga slapen.
Als niemand je helpt doe ik het morgen wel ff.

woensdag 27 juni 2001 12:34

Acties:

Verwijderd

Kun je niet alles in een array pleuren en bij de Ie foto het Ie verhaaltje eruit halen !?
Gewoon in 1 pagina en dan de verhaaltjes in div's..

Voor de volgende roep je dan aan volgende = i+1 of i-1 enz.

woensdag 27 juni 2001 12:48

Acties:

Tim

idd, als je naar het volgende plaatje wil moet je iig weten WAT het volgende plaatje is en WAT de beschrijving is..

oftewel ja moet alle bestandsnamen en beschrijvingen bij elkaar hebben..

code:

pseudo ;)

array namen
array beschrijving
int i

on volgende {
  i++
  foto = namen[i]
  beschrijving = beschrijving[i]
}

terug is dan natuurlijk i--

Image kun je aanpassen met document,image.src en de tekst kan je in een div zetten en wijzigen met innerHTML..

donderdag 28 juni 2001 20:02

Acties: