Gr. Ingo
Oja, misschien makkelijk: Het gaat om deze pagina: http://www.ingomettes.nl/awards.html (Als het goed is kan je de paginabron bekijken)Bij de hotspot Loeki moet dit filmpje in een shadowbox verschijnen:
(Bewerkt door mettes10 om 8:01, 9-01-2013)
Succes
<area shape="rect" coords="685,281,818,465" href="http://player.vimeo.com/video/32848771" frameborder="0" rel="shadowbox" target="_top" alt="Loeki" />
maar zo werkt het niet iig.Doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
en: "stylesheet" type="text/css" href="shadowbox.css"script type="text/javascript" src="shadowbox.js"blablabla
staan ook al vermeld...
(Bewerkt door mettes10 om 18:58, 9-01-2013)
(Bewerkt door mettes10 om 18:59, 9-01-2013)
(Bewerkt door mettes10 om 19:00, 9-01-2013)
geblokkeerd
De design view in Dreamweaver is gemaakt voor developers als handigheidje om direct te zien wat en waar ze iets aan het aanpassen zijn en niet om websites mee op te bouwen. Doe je dat wel dan krijg je zwaar dramatische websites die totaal niet stroken met hoe het zou moeten.
Hotspots, zoals Dreamweaver dat noemt heet eigenlijk Image Maps en dat wordt al jaren niet meer gebruikt zeker niet om dit soort navigaties mee te maken. Enkel waar je het nog voor zou kunnen gebruiken en waar het ook in de eerste plaats voor ontworpen is zijn landkaarten en om bijv. linkjes voor verschillende provincies aan te wijzen zonder dat de helft van limburg en Brabant in 1 linkje hebt staan.http://www.w3schools.com/tags/tag_map.asp
Een navigatie die jij wilt maken zou je gewoon via inline via CSS uit te voeren zie het groene voorbeeld bovenaan alleen van de menu-items maak jij dan plaatjes ipv teksten. http://www.w3schools.com/css/css_navbar.asp
De image tag werkt op deze manier en kun je gewoon tussen een link tag ( <.a. href=""> hier <./a.> ) gebruiken zodat het plaatje een link wordt ipv de tekst.http://www.w3schools.com/html/html_images.asphttp://www.w3schools.com/html/html_links.asp
(Bewerkt door Shmoo om 20:25, 9-01-2013)
Verdiep je eens in de "Web-widgets" die je gratis bij/vanuit Dreamweaver krijgt. Klik op het tandwieltje in de balk linksboven en kies de "Widget Browser". Afhankelijk van je Dreamweaver-versie moet je misschien eerst de Widget Browser met Extensiebeheer installeren. Jaja, niet simpel allemaal, maar het wordt wel handiger als je even doorbijt.
In die Widget Browser vind je ruim 60 veelgevraagde "widgets", van light-boxes tot datum-kiezers. Je kiest een widget, configureet deze qua stijl en andere zaken, en sleept deze dan (gek handje) naar je pagina in Dreamweaver. Moet eerlijk bekennen dat het aan de praat krijgen van die Widget Browser en de interface van het instellen van de widgets geen schoonheidsprijs verdient, maar je hoeft tenminste geen rare scripts te copy-pasten; geen gedoe, klaar.