image map in jce editor

Status
Niet open voor verdere reacties.

jeel2008

Gebruiker
Lid geworden
30 okt 2008
Berichten
839
hallo , ik wil graag een image map gebruiken op een plaatje, coordinaten invoeren dus. is dit mogelijk met een jce editor?

ik heb het een heel eind voor elkaar , zie:
http://www.finefleurbrocante.nl/kasteind3
index is aanklikbaar.

maar in de Preview is de kast nog mooi in 1 stuk, echter zodra ik de pagina online bekijk ligt de hele zaak uit elkaar.
iemand een idee hoe dit komt?


ps als je trouwens op: http://www.finefleurbrocante.nl/test
kijkt , zie je wat de bedoeling is.
je kunt de deur openen, en op index klikken. dit is in photoshop gemaakt. hier werkt het dus, met 1 probleempje: het is een pagina in zn geheel in html gemaakt, in een iframe. als je erop klikt opent de link naar de volgende pagina zich weer in het iframe. tenzij je blank doet , maar dan heb je 2x de site openstaan. dat is een beetje verwarrend en nogal dubbelop.
 
Laatst bewerkt:
gelukt

het is me gelukt om met een image map te werken in joomla.

eigenlijk was het achteraf gezien redelijk eenvoudig, maar ja, dat is achteraf.

ga als volgt te werk als je het jezelf makkelijk wil maken.

1. maak in photoshop een image, bv reeds met tekst erop, zodat je van deze tekst een link kunt maken.
2. plaats deze foto in een nieuw bestand van dreamweaver, gewoon html dus.
3. teken coordinaten rond de plekken waar je een link wil, ad punt 1. bijvoorbeeld rond de tekst dus.
4. vul de url in in de property insppector. (zie image)
5. sla de pagina op en load m up naar de server, afhankelijke bestanden plaatsen: ja
6. bekijk m online door de url in te typen in de adresbalk
7. paginabron bekijken (rechts klikken)
8. code selecteren, niet body en head natuurlijk, maar deze dingen:
Code:
<img src="kasteind2.jpg" width="479" height="550" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="356,251,420,277" href="http://www.finefleurbrocante.nl" target="_blank" alt="index" />
</map>
9. maak in joomla een nieuw artikel aan
10. open met de editor het html/code deel en plak de code in het codedeel. de url die je gebruikt in de map (in area) past zich aan volgens mij als je naar een pagina in de site zelf verwijst.
11. sla op

that's it.
 

Bijlagen

  • kast.jpg
    kast.jpg
    53,2 KB · Weergaven: 74
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan