Archief - Dreamweaver hotspots in Firefox

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
V

Von Kotzebue

Legacy Member
My hotspots aint workin in Firefox :doh:

Ik ben een fotoreissite aan het maken waar je op een stad klikt en er dan de foto's van kan zien. Eigenlijk is ie helemaal af, maar enkel en alleen in firefox werkt hij niet.
Hij herkent niet eens dat er een url aanwezig is.

Any clues?
V

Von Kotzebue

Legacy Member
Ik heb geen zin dat al die 9livesfreaks naar mijn vakantiefoto's zitten kijken ;) Maar de broncode:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reizerdereis</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');</script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="css.css">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">$(document).ready(function() { /* This is basic - uses default settings */ 
$("a#single_image").fancybox( { 'overlayColor': '#000000'}); /* Using custom settings */ 
$("a#inline").fancybox({ 'hideOnContentClick': true, 'overlayColor': '#000000' }); 
$("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': true, 'zoomOpacity': true, 'overlayColor': '#000000', 'hideOnOverlayClick': true, 'changeSpeed': 100,}); });</script>


</head> 
<body>


<img src="pics/kaart1.jpg" style="position:absolute; left: 0px; top: 0px; visibility: inherit; z-index: -1;" alt="map" width="2142" height="1681" border="0" usemap="#barcacccc" /><map name="barcacccc" id="barcacccc"> 

<div style="position:absolute; width: 240px; height: 69px; left: 21px; top: 506px; z-index: 1;"/><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://jajakaka.be" show_faces="false" width="240" action="recommend"></fb:like></div>


<a rel="group1" href="./pics/trein-49.jpg" title="Barcelona" class="group"><map name="barcacccc"><area shape="circle" coords="639,1313,16" href="#" alt="barcelona"></map>

  <a rel="group1" href="./pics/trein-57.jpg" title="Barcelona" class="group"> 

  <a rel="group1" href="./pics/trein-58.jpg" title="Barcelona" class="group"> 

  <a rel="group1" href="./pics/trein-65.jpg" title="Barcelona" class="group"> 

 </a>

  
 <a rel="group2" href="./pics/trein-2.jpg" title="Parijs" class="group"> <map name="barcacccc"><area shape="circle" coords="732,1002,20" href="#" alt="parijs"></map> 

  <a rel="group2" href="./pics/trein-4.jpg" title="Parijs" class="group"> 

  <a rel="group2" href="./pics/trein-7.jpg" title="Parijs" class="group"> 

 </a>

  </body>
</html>


Dit soort dinges:

<map name="barcacccc"><area shape="circle" coords="639,1313,16" href="#" alt="barcelona"></map>

maakt dus van een bepaald gebied op de afbeelding een url... maar niet in firefox.

Ik heb geen flauw benul waarom ie het bij firefox niet doet... als ik nu een nieuw document maak in dreamweaver, er een afbeelding in knal en daar die hotspots op plaats, werkt het perfect in firefox.
V

Von Kotzebue

Legacy Member
Merdealors! Nu doet IE het ook nie meer... Ik doe iets fout.
S

Sick-Boy

Legacy Member
Er scheelt veel met die code denk ik...
Enkele a-tags die niet gesloten worden, een map-tag die niet gebruikt wordt.
Het is ook niet de bedoeling om die map-tag te omringen met links.
Heb je zelf de code aangepast of volledig door Dreamweaver laten genereren?

Bekijk even deze site om meer uitleg te krijgen.
V

Von Kotzebue

Legacy Member
Sick-Boy zei:
Er scheelt veel met die code denk ik...
Enkele a-tags die niet gesloten worden, een map-tag die niet gebruikt wordt.
Het is ook niet de bedoeling om die map-tag te omringen met links.
Heb je zelf de code aangepast of volledig door Dreamweaver laten genereren?

Bekijk even deze site om meer uitleg te krijgen.
Klik om te vergroten...

Merci voor de link, het is zelf in elkaar gestoken dus er zal wel wat mis zijn.

Wel vond ik zonet dit: open browser window - with hotspots (screen jumping to top) ??!!! - HighDots Forums

Dus # vervangen door javascript:;, en guess what, firefox werkt :applause: Maar chrome nu niet meer :sad:
V

Von Kotzebue

Legacy Member
Oh my fucking god. # vervangen door die javascript:; is blijkbaar teveel gevraagd van IE. ZUCHT.
Ik ga zot worden.

Heb het nu werkend gekregen voor alles behalve firefox. En nu ga ik weglopen. En lol@eerste post.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan