Linking: Hvor og hvordan?


Gå til bund
Gravatar

#1 BjarniM 2. dec. 2014 08:42

Har denne kode, og har prøvet at indsætte et link, som der henvises til når der klikkes på image, men systemet (Drupal) vil ikke "æde" min linking, så den har jeg fjernet i kodestumpen nedenfor.

Hvor mon linking til en hjemmeside kan indsættes i nedenstående og hvordan?

<div style="height:335px">
<div id="borderBox" style="position:relative;width:305px;height:306px;overflow:hidden;"><img id="draggableElement" src="http://xxxxxxx.png" /></div>
</div>
Gravatar

#2 apapap 2. dec. 2014 10:28

Jeg ved ikke helt sikker på hvad du spørger om, men dit link skal være på img og ikke div. Hvis du vil linke en div læs: http://stackoverflow.com/questions/796087/make-a-d...

sådan noget a'la:
<div style="height:335px">
<div id="borderBox" style="position:relative;width:305px;height:30
6px;overflow:hidden;"><a href="http://newz.dk"><img id="draggableElement" src="http://xxxxxxx.png" /></a></div>
</div>
Gravatar

#3 BjarniM 2. dec. 2014 15:00

Tak. Jeg byder en kvajebajer - jeg var lidt ude af kurs med "nesting".

Én ting mere. Denne kodestump linker ikke. Hvad har jeg mon overset?

<div style="height:438px">
<div id="borderBox" style="position:relative;width:305px;height:438px;overflow:hidden;">
<area a="" alt="NAVN1" coords="2,3,302,2,304,224,1,224" href="http://LINK1" shape="poly" />
<area alt="NAVN2" coords="1,226,304,226,303,436,2,436" href="http://LINK2" shape="poly" />
<img id="draggableElement" src="http://IMAGE-TITLE.png" />
</div>
</div>
Gravatar

#4 BjarniM 2. dec. 2014 17:11

Ups. Det gik lovlig stærkt. Her er koden, den virker i Chrome og Safari men ikke i IE og Firefox:

<div style="height:438px">
<div id="borderBox" style="position:relative;width:305px;height:438px;overflow:hidden;">
<map name="MAP-NAVN-HER">
<area shape="poly" coords="2,3,302,2,304,224,1,224" href="http://LINK1" alt="NAVN1">
<area shape="poly" coords="1,226,304,226,303,436,2,436" href="http://LINK2" alt="NAVN2">
</map>
<img id="draggableElement" usemap="MAP-NAVN-HER" src="http://IMAGE-TITLE.png" />
</div>
</div>

Så langt, så godt. Har nogen et bud på, hvad jeg kan gøre, så den også virker i IE og Firefox?
Gravatar

#5 gramps 2. dec. 2014 18:12

Du kan ikke bare smide en <a href="uri"></a> omkring dit <img> element?
Gravatar

#6 apapap 2. dec. 2014 18:16

Gravatar

#7 BjarniM 2. dec. 2014 18:28

#5: Der er jo to individuelle images, og derfor også to individuelle links.

#6: Det ser ud til at være noget i stil med det, du nævner.

Jeg er lidt presset på tid her, og er ikke en superhurtig programmør.

Er der nogen, der byder ind med en færdig kodestump ud fra koden jeg har indsat og info fra #6?
Gravatar

#8 apapap 2. dec. 2014 18:37

BjarniM (7) skrev:
Er der nogen, der byder ind med en færdig kodestump ud fra koden jeg har indsat og info fra #6?


Det tror jeg ikke du skal regne med.
Gravatar

#9 Nextnx 2. dec. 2014 19:58

jeg venter stadig på første omgang kvajebajer.
Gå til top

Opret dig som bruger i dag

Det er gratis, og du binder dig ikke til noget.

Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.

Opret Bruger Login