Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

hoe maak je een hyperlink in een gedeelte van een plaatje?

Anoniem
gerben
11 antwoorden
  • hoi,

    voorbeeld: ik heb een groepsfoto, en ik wil daar zeg maar een grote hyperlink van maken. als je op de kop van persoon 1 klikt, ga je naar pagina 1. als je op kop 2 klikt, ga je naar pagina 2. maar hoe krijg ik dit voor elkaar, als het een grote foto is? kan dat wel?
    de html code zal wel gigantisch ingewikkeld zijn, maar als het bijv. in een of andere WYSIWYG (als ik het zo goed typ) webeditor kan, zou ik het ook graag horen.

    bedankt,

    jules
  • Dat moet gedaan worden met een imagemap.
    Dan kun je per gebied (vierkant, cirkel, polygoon) een aparte hyperlink opgeven.
    Zal even kijken of ik er leuke info over kan vinden.
  • [quote:e8c8ab2bd2="E gozeling"]…Zal even kijken of ik er leuke info over kan vinden.[/quote:e8c8ab2bd2]
    daar zou je me heel erg mee helpen!
    bedankt
  • <!– Heb dit uit mijn lesboek multimedia, korte samenvatting –>
    Ik denk dat je voor die hoofden het beste een cirkel kunt gebruiken.
    Dan zit je er wel steeds iets naast, maar dat is denk ik wel het makkelijkst.
    In de IMG tag moet je het volgende toevoegen:
    [code:1:f6c900a06a]USEMAP="#mapnaam"[/code:1:f6c900a06a]
    Mapnaam kun je alles voor neerzetten.
    Dan onder de tag, maar mag ook ergens anders in de body:
    [code:1:f6c900a06a]
    <MAP NAME="mapnaam">
    <AREA href="blabla.html" ALT="verzin maar wat" SHAPE="circle" COORDS="x,y,straal">
    <AREA href="blabla2.html" ALT="verzin nog iets" SHAPE="circle" COORDS="x,y,straal">
    </MAP>
    [/code:1:f6c900a06a]
    Blabla.html is uiteraard waar dat stukje heen moet linken.
    ALT is de alt tekst, die is ook per deel te bepalen.
    SHAPE heeft drie opties. Ik denk dat de cirkel het makkelijkst is.
    De andere opties zijn RECT (rechthoek) en POLY (polygoon).

    x,y zijn de coordinaten van het middelpunt van de cirkel.
    Straal is uiteraard de straal van de cirkel.

    Bij RECT heb je daar vier getallen nodig namelijk
    X,Y,X,Y
    De eerste X en Y zijn van de links boven hoek, de tweede X en Y van de rechter onderhoek.

    POLY vraag er nog meer. X en Y van punt 1, X en Y van punt twee, X en Y van punt drie, enz. Eindig dan weer met X en Y van punt 1.

    Als dit niet genoeg is zeg je het maar. :D
  • hoi,
    het is nu bijna half 12, ik ga slapen, maar de uitleg lijkt me helder en duidelijk!
    ik ga er morgen meteen mee aan de slag, bedankt!

    mocht ik er nog niet helemaal uitkomen, vraag ik het nog wel.

    bedankt,

    jules
  • Kijk eens op de page van de TU/Delft.
    URL: www.handeidinghtml.nl
  • Het eenvoudigst gaat dit met een image mapper, ik gebruik zelf die van www.coffeecup.com

    grtzz

    t.
  • [quote:97b9406ea9="Rick Gimpel"]Kijk eens op de page van de TU/Delft.
    URL: www.handeidinghtml.nl[/quote:97b9406ea9]

    link werkt niet bij mij.. een proggie gebruiken om een image map te maken is idd het makkelijkste en het snelst..

    kweet niet of je een html editor gebruikt.. maar met frontpage en dreamweaver ken je zogenaamde hotspots maken..
  • [quote:d6980ab16f="Rick Gimpel"]www.handeidinghtml.nl[/quote:d6980ab16f]
    werkt helaas ook niet bij mij. maar ja, ik zal er hier wel mee uit komen.
    bedankt!
    ik gebruik van alles, ik kijk naar de html codes van andere pagina's, ik typ zelf html, en voor de ingewikkeldere dingen gebruik ik vaak een editor.
    alles wat dus.

    jules
  • slim zeg, de link werkt prima!
    het is alleen www.handleidinghtml.nl ipv handeidinghtml.nl
  • goh daar was ik nou nooit opgekomen :P, maar ik zou voor dreamweaver gaan…

Beantwoord deze vraag

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