Afbeeldingen aanklikbaar maken in header.

[PSPfreaker]

Hallo,

Ik heb vandaag voor mijn website een header gemaakt. In die header staan 2 vlaggetjes; de nederlandse en de amerikaanse vlag. Dit omdat ik mijn website in 2 talen ga maken.

Hoe kan ik nu die 2 vlaggetjes aanklikbaar maken en ze zo doorlinken naar de Engelse versie van mijn website?

Ik hoop dat jullie mij kunnen helpen

Hieronder kan je de header vinden.

-----

Dubbelpost binnen 1 uur:

-----

Niemand? :$

>>> Door Preddy: Link is wat overbodig dus die heb ik voor je verwijderd. Laat de dubbelpost in het vervolg ook maar achterwege aub.<<<

[DjP.P]

miss de ene flag naar http//: jouw website.dfyg/nl en die andere naar eng

dus op de nederlandse vlag een link naar je nederlandse versie van je site en die andere vlag naar je andere versie site

[ikt]

[n00b]

Misschien dat je de afbeelding zo uitknipt dat de 2 vlaggen apart zijn, en dan een link naar de zite maakt.

[/n00b]

met [n00b] bedoelde dat ik een n00b was, niet hij

Bewerkt: 11 april 2007 door ikt

[DjP.P]

[n00b]

Misschien dat je de afbeelding zo uitknipt dat de 2 vlaggen apart zijn, en dan een link naar de zite maakt.

[/n00b]

niemand is een noob!!!!!! als hij een beginner is nouw en we moetten alle maal EEN keer beginnen.

[Preddy]

Volgens mij heb ik de oplossing, ik heb het net pas voor de eerste keer zelf geprobeerd maar volgens mij lukt het zo wel.

Zoek even in je source de volgende lijn op:

<td><img src="images/gs001_02.jpg" width="548" height="43"></td>

Vervang deze door de volgende lijntjes:

<td>
<map name="Taal">								
<AREA HREF="englishhtml.html" ALT="English" TITLE="English" SHAPE=RECT COORDS="485,30,460,12">
<AREA HREF="dutchhtml.html" ALT="Nederlands" TITLE="Nederlands" SHAPE=RECT COORDS="520,30,495,12">
</map>
<img src="http://www.jsdesign.speqo.com/jsdesign/site/nl/images/gs001_02.jpg" width="548" height="43" usemap="#Taal" border="0"></td>

Ik zal even uitleggen wat wat precies is van de <AREA>:

HREF = link naar pagina

ALT = Alternatieve tekst

TITEL = Gele vakje met tekst die je krijgt als je de muis erop houdt

SHAPE = Wat voor soort figuur moet het klikbare figuur zijn (rect = rectangular)

COORDS = Coordinaten van het hokje. Eerste is rechtse zijde, tweede is onderzijde, derde is linkerzijde en vierde is bovenzijde. (NB: Dit is ten opzichte van het plaatje, dus op welke pixel van het plaatje de zijkanten zijn)

Je zal die link achter HREF sowieso wel willen veranderen, voor de rest zie je maar . Hopelijk is het wat je zocht.

[Rivel]

Je kan ook(las je je site in PS maakt) de nederlandse en de amerikaanse vlag apart slicen en ze een aparate link geven!

Rivel

[Bassiej]

Volgens mij is een simpel stukje HTML voldoende:

<a href="Link naar de engelstalige pagina"><img src="url naar de engelse vlag"></a>
<a href="Link naar de nederlandstalige pagina"><img src="url naar de nederlandse vlag"></a>

Het stukje van Preddy is iets uitgebreider maar ik heb geen idee hoe hij aan de coördinaten en aan de lengte en breedte komt...

[Preddy]

Volgens mij is een simpel stukje HTML voldoende:

<a href="Link naar de engelstalige pagina"><img src="url naar de engelse vlag"></a>
<a href="Link naar de nederlandstalige pagina"><img src="url naar de nederlandse vlag"></a>

Het stukje van Preddy is iets uitgebreider maar ik heb geen idee hoe hij aan de coördinaten en aan de lengte en breedte komt...

Feitelijk heb je gelijk met deze code maar dat is niet geheel toepasbaar op zijn site. Hij heeft namelijk een banner met de vlaggetjes er al op, er al in verwerkt (zie eerste post bijlage). Je kan dan óf het plaatje gaan slicen en dan inderdaad jouw code erachter zetten, of je kan het met mijn manier doen en er zal vast nog wel andere manieren zijn (javascript kan het ook mee).

Die coordinaten heb ik vooral met trial-and-error gedaan, zoals al gezegd was dit ook de eerste keer dat ik deze manier probeerde. Met die manier leg je als het ware een klikbaar gebied over een plaatje heen, en als ik me niet vergis is het ongeveer hetzelfde idee als Klikbare blipjes op WikiGTA. Misschien dat dan duidelijk is hoe het toegepast eruit ziet.

[Bassiej]

Maak je nu gebruik van een imagemap? Ik heb ooit ook een site (voor informatica op school) moeten maken waar ik gebruik maakte van een imagemap. Ik heb het toen met een programmaatje gemaakt, die de coördinaten voor me berekende. Alhier een online Imagemap creator!

Bewerkt: 12 april 2007 door Bassiej™

[PSPfreaker]

Hartelijk bedankt voor jullie duidelijke antwoord. Mijn probleem is intussen opgelost.

Ik heb het kunnen vinden door in Dreamweaver een zogenaamde 'hotspot' over de afbeelding te plaatsen, en zo naar de Engelse vertaling te linken.

Nogmaals bedankt voor jullie antwoord

PSPfreaker.