Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Foto's op de website

9 antwoorden
  • Ik heb een simpele HTML pagina met frames. Nu wil ik graag een foto pagina maken in 2 frames. In frame 1 komen de thumbnails en ik zou graag willen dat als mensen met de muis over een thumnail gaan, dat dan automatisch een vergroting van die foto te zien valt in frame 2. Ik weet dat het mogelijk is omdat ik dat al op verschillende sites ben tegengekomen en ik denk dat het iets met MouseOver is, maar ik weet niet of je bij een MouseOver commando ook een target-frame kunt opgeven. Het zou ook kunnen zijn dat het een bepaald script of flash is, maar dat zou ik dan graag ook willen weten :) Dus suggesties zijn zeer welkom!!
  • [quote:01ccc00697="Mauricio"]Ik heb een simpele HTML pagina met frames. Nu wil ik graag een foto pagina maken in 2 frames. In frame 1 komen de thumbnails en ik zou graag willen dat als mensen met de muis over een thumnail gaan, dat dan automatisch een vergroting van die foto te zien valt in frame 2. Ik weet dat het mogelijk is omdat ik dat al op verschillende sites ben tegengekomen en ik denk dat het iets met MouseOver is, maar ik weet niet of je bij een MouseOver commando ook een target-frame kunt opgeven. Het zou ook kunnen zijn dat het een bepaald script of flash is, maar dat zou ik dan graag ook willen weten :) Dus suggesties zijn zeer welkom!![/quote:01ccc00697] Waarom wil je dit in een frames-pagina doen? Heb je [url=http://www.hotscripts.com/JavaScript/Scripts_and_Programs/Image_Effects/index.html]hier [/url] al gekeken voor een script?
  • Ik hoef het niet per sé in een frame te doen, het was slechts een idee. Het enige wat ik wil bereiken is dat als mensen over een thumbnail heen gaan, dat ze (zonder klikken) een vergroting van die foto te zien krijgen.
  • [quote:3fa69308d9="Mauricio"]Ik hoef het niet per sé in een frame te doen, het was slechts een idee. Het enige wat ik wil bereiken is dat als mensen over een thumbnail heen gaan, dat ze (zonder klikken) een vergroting van die foto te zien krijgen.[/quote:3fa69308d9] Dan moet je zeker de eerder genoemde link volgen en daar even snuffelen: [url]http://www.hotscripts.com/JavaScript/Scripts_and_Programs/Image_Effects/index.html[/url] Succes!
  • Ga ik zeker even doen. Heel erg bedankt!
  • In het thumbnail ding hetvolgende:[code:1:5adf207a2b]<a href="#" onMouseOver="javascript:parent.[framenaam van frame waar die foto in staat].document.[name attribuut van foto img].src='[foto die getoond moet worden]';"><img src="[thumbnail van foto]"></a>[/code:1:5adf207a2b]Ik vind dit niet al te netjes. Denk aan laadtijden en zo... En als je toch met frames werkt kun je net zo goed dat hele frame opnieuw verversen... Het document in het target frame geef je dus aan met parent.[targetframe].document De dingen tussen vierkante haken vervangen zonder vierkante haken...
  • Die mouseover functie zit geloof ik wel standaard tussen de templates van jalbum (zonder frames). http://jalbum.net/
  • Frames heb je hier helemaal niet voor nodig. Lijkt me netter om alles op 1 pagina te doen en de DOM methode te gebruiken om de vergroting weer te geven. [code:1:4cdd95a456] onmouseover = "document.getElementById('id-van-de-grote-foto').src = naam-van-de-afbeelding.jpg" [/code:1:4cdd95a456] Zoiets dus.. Netter is het natuurlijk om er ook nog een preloader bij te doen.
  • Dan prijs ik op mijn beurt even een CSS-gallery aan... Tutorial: [url=http://www.webreference.com/programming/css_gallery/index.html]How to create a photographic gallery using CSS[/url]. ([url=http://www.webreference.com/programming/css_gallery/examples/gallery.htm]voorbeeld[/url]) Geen javascript nodig. (btw, er staat in de tutorial dat je xhtml moet gebruiken, maar je kunt ook gewoon html 4.01 strict gebruiken.)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.