eerder topic   volgend topic
  
iWeb pop up box
10 november 2011 - 12:43   
geplaatst door: Fred Meijer
Hi, wie kan mij vertellen hoe je een pop up window kunt creeren  in een iweb pagina.

Het is de bedoeling dat als je dan op een plaatje drukt, een pop up verschijnt met aanvullende informatie.
Heb al veel gezocht, maar het enige dat ik kon vinden was via www.iwebunlimtited.com
Maar dat is in engels incl filmpjes.
Ik hoop dat iemand mij hier mee op weg kan helpen.

Vriendelijk bedankt
Fred Meijer   :confused:

iWeb pop up box
10 november 2011 - 13:00    reactie #1
geplaatst door: DTP2
Niet helemaal on topic, maar goedbedoeld advies. Gebruik zo min mogelijk pop ups, aangezien bijna iedereen pop up blockers gebruikt en je website dan niet werkt zoals je bedoeld had.
iWeb pop up box
10 november 2011 - 17:57    reactie #2
geplaatst door: chris
ondanks dat ik helemaal eens ben met DTP2, hier een link met misschien wel een antwoord op je vraag.
iWeb pop up box
11 november 2011 - 04:45    reactie #3
geplaatst door: Shmoo

geblokkeerd

Volgens mij bedoelde Fred de TS niet echt een POP-UP die als venster naar boven komt  maar meer dit.

Een soort Lightbox effect, image gallery script maar noemt hij dit pop-up omdat hij niet weet hoe het heet.

http://lokeshdhakar.com/projects/lightbox2/ (Lightbox PC favoriet)
http://fancybox.net/ (Fancybox Apple favoriet)

En zo zijn er nog wel een paar van dit soort kant en klare gratis scriptjes.
Alleen moet je natuurlijk wel even weten hoe je dit in de .html pagina krijgt, das normaal ook niet zo heel moeilijk maar via iWeb het programma zelf gaat dat niet lukken denk ik.

Want je moet binnen de <head>  </head> section van je .html document een .js script plaatsen en dat gaat niet standaard vanuit het programma iWeb. Daarvoor moet je bijv. het index.html bestand openen in een html editor en dat het scriptje erin plaatsen.

Is allemaal niet vriendelijk gemaakt maar das ook de reden waarom Apple niet meer verder gaat met iWeb. Wat wel jammer is maar logisch van hun kant.


iWeb pop up box
11 november 2011 - 11:09    reactie #4
geplaatst door: Fred Meijer
Allemaal al bedankt voor jullie reactie.

Op deze site http://www.omewil.nl/artikelen/webdesign/voorbeelden/popup.html als je daar op de voorbeelden drukt krijg je een klein venstertje waarin eventuele aanvullende info kunt krijgen.
Ik heb nu bijvoorbeeld een plaatje van een kadootje en als je dan daarop drukt moet je aanvullende info moeten krijgen van wat er in dat kadootje zit.

Dat is eigenlijk mijn bedoeling. De link van Chris zou ik wel even kunne uitproberen.

Groetjes Fred

iWeb pop up box
11 november 2011 - 11:18    reactie #5
geplaatst door: Fred Meijer
Trouwens deze site geeft het voorbeeld van hoe ik het echt zou willen.
http://www.istockphoto.com/search/#1c215101

Wellicht kan iemand mij hier info over geven.

Alvast bedankt.

Groetjes
Fred

iWeb pop up box
11 november 2011 - 18:15    reactie #6
geplaatst door: Blender
Dat kan je met Fancybox doen (zoals reeds genoemd) maar je moet je er wel in willen verdiepen en enige kennis van Javascript en JQuery is toch wel handig. Ook Colorbox is een optie en er zijn er nog veel meer. In het voorbeeld van iStockphoto wordt de rest van het scherm niet gedimd, dit kan je dan weer bereiken door de background van Fancybox volledig transparant te maken of te verbergen.
  
eerder topic   volgend topic