FancyZoom en Safari
25 maart 2009 - 10:44   
geplaatst door: Buibkier
Naar aanleiding van een tip hier op MacFreak heb ik besloten gebruik te maken van
FancyZoom op onze bedrijfssite. Het toepassen is vrij simpel en wordt duidelijk uitgelegd op de website.

Het werkt ook in zowel Internet Explorer als in Firefox, maar niet in Safari...

Ik heb het nu een paar keer nagelopen, maar ik heb eerlijk gezegd geen idee meer
waar het aan kan liggen.

Misschien hebben de webdesigners onder ons een oplossing?

Een voorbeeld van een pagina waarin het geïntegreerd is, is bijvoorbeeld deze pagina.

"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
25 maart 2009 - 10:49    reactie #1
geplaatst door: ettepet
Probeer het eens zonder target="_blank" in de a-tag die om de img-tag staat.
FancyZoom en Safari
25 maart 2009 - 10:59    reactie #2
geplaatst door: Buibkier
Heb het aangepast in de foto onder de kop 'Kooflijsten', maar nog zonder resultaat...
"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
25 maart 2009 - 11:14    reactie #3
geplaatst door: cvanmeer
Je definieert 2x je head, misschien dat daar het probleem in zit.
Als ik in je source kijk zie ik:

<!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>
<LINK HREF="stylesheet.css" TYPE="text/css" REL="stylesheet">
<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="ornamenten, rozetten, lijsten, barok, kooflijsten, perklijsten, plafonds">
<title>Stukadoorsbedrijf de Haan: Ornamenten, Rozetten, Perk- en Kooflijsten</title>
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
 if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 rightmargin="0" bottommargin="0" MARGINWIDTH=0 MARGINHEIGHT=0 onload="setupZoom()">
<center>
<!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>
<LINK HREF="stylesheet.css" TYPE="text/css" REL="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stukadoorsbedrijf de Haan: Header</title>
<script language="JavaScript" type="text/JavaScript">

2x een doctype, 2x je html tags en head tags...probeer dat eens te reduceren naar 1x.

Hmm zit nu verder te kijken...en het blijft niet bij 2x, maar iets van 4 - 5x.
Als je bestanden include, zorg dan dat je daar niet steeds een standaard html opmaak gebruikt...want dat gebruik je in je 'hoofd-document' al.

Misschien kun je hier wat mee?

FancyZoom en Safari
25 maart 2009 - 11:16    reactie #4
geplaatst door: Blender
Misschien een conflict met je andere javascript-code?
Heb je het al zonder die extra code getest.

@cvanmeer: Je definieert 2x je head...
Was mij niet opgevallen. Daar zit waarschijnlijk het probleem.

(Bewerkt door Blender om 11:29, 25-03-2009)

FancyZoom en Safari
25 maart 2009 - 11:31    reactie #5
geplaatst door: Buibkier
@cvanmeer,

Ik ben bang dat dit zometeen mijn websitekennispet te boven gaat... :blush:
Maar ik denk dat die dubbele zaken als (doctype, head, title, enz.) een gevolg zijn van hoe de pagina's
zijn opgebouwd... De inhoudspagina's van de website zijn allemaal verschillend, maar ze roepen allemaal een
header.php en footer.php op. Die header en footer hebben toch ook html-opmaak nodig?

Schiet er maar op hoor... Nogmaals mijn kennis rijkt niet zover wat dit betreft.

@Blender,
Ik zal eens kijken of ik daar verder mee kan... Ga eens wat proberen en meld me dan hier weer.

"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
25 maart 2009 - 11:58    reactie #6
geplaatst door: cvanmeer
Ok, voor we vooruit lopen op de zaken...zou je eens een simpele pagina kunnen maken, die maar bestaat uit 1 bestand, waarin je FancyZoom even test met 1 of 2 plaatjes?
Als dat goed werkt, weten we dat het in de bestaande code van de andere pagina's ligt...als deze pagina ook niet werkt, werken bepaalde server side includes niet goed oid.

Maar laten we eerst eens kijken.

Wat je ook nog kunt doen, in de properties van Safari, kun je bij Advanced het Developer menu inschakelen (ik weet even niet hoe dat gaat in Safari 3, heb hier alleen Safari 4), daarna kun je ook via dat Develop-menu, het error-console bekijken etc. Misschien dat je daar ook wat data uit kunt halen met de bestaande pagina's. Nog even een vraagje...heb je t op IE6 of IE7 geprobeerd? Of beiden?

FancyZoom en Safari
25 maart 2009 - 12:02    reactie #7
geplaatst door: Blender
Verwijder op regel 55:

onLoad="MM_preloadImages('images/m11.jpg','images/m21.jpg','images/m31.jpg','images/m41.jpg','images/m51.jpg','images/m61.jpg')"

en het werkt. Dus toch een javascript conflict.

Wel een zooitje hoor die code. Meerdere heads en doctype, verwijderen.

FancyZoom en Safari
25 maart 2009 - 12:03    reactie #8
geplaatst door: cvanmeer
Dat zou mn volgende tip zijn geweest :smile:
Goed werk, blender!

MacTeamWork :worship:

FancyZoom en Safari
25 maart 2009 - 12:16    reactie #9
geplaatst door: Buibkier
Mucho bedankt! :thumbs-up:

Was bang dat het abcracadabra voor mij zou gaan worden, maar het is gelukt!
Heb idd alle dubbele zaken uit zowel de header.php, banner.php als de footer.php 'gesloopt'.
Was nog wel even puzzelen om het goed te krijgen, maar nu werkt het.

Rest de vraag... Is Safari kritischer dan Firefox en IE?

Nogmaals hartelijk dank voor het meedenken! :thumbs-up:

@Blender, die regel heb ik ook geprobeerd te verwijderen, maar dat vermoorde het effect
wanneer je over de kopjes in de header heengaat (dat ze oranje worden).

Zoals gezegd heb ik aardig wat code weggemikt nu... Is het al wat minder een zooitje geworden?
Of zijn er meer dingen die weg kunnen?

(Bewerkt door Buibkier om 12:18, 25-03-2009)

"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
25 maart 2009 - 12:55    reactie #10
geplaatst door: Blender
Dan zat het conflict toch in die dubbele body in combinatie met dat script.

Ik had namelijk jouw site op mijn schijf gezet (ik lijk wel gek, heb het juist
veel te druk) om het een en ander te testen, en bij verwijdering van die
javascript regel werkte het wel.

Belangrijkste: het is opgelost.

FancyZoom en Safari
25 maart 2009 - 13:26    reactie #11
geplaatst door: cvanmeer
Safari is niet zo super streng, de andere browsers zijn wat lakser.
In IE8 wordt het helemaal leuk, want daar hebben ze het een stuk strakker gezet, maar nu werken de meeste sites van mij niet 100% meer lekker...vooral met table borders gaat ie de soep in...maar dat kan ook goed een fout van mij zijn :cool:
FancyZoom en Safari
25 maart 2009 - 14:05    reactie #12
geplaatst door: Buibkier
Nogmaals bedankt voor de tijd die in mijn probleempje gestoken is. :shakehands:

Ben IE8 eens aan het downloaden... Ben benieuwd hoe het gaat! :withstupid:  

"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
25 maart 2009 - 14:12    reactie #13
geplaatst door: Blender
Als het onder IE8 een zooitje is voeg dan:

meta http-equiv="X-UA-Compatible" content="IE=7"

toe aan je head. Dan wordt de IE7 rendering toegepast.

FancyZoom en Safari
25 maart 2009 - 16:33    reactie #15
geplaatst door: Buibkier
Daar had ik idd al eens gekeken (en heel snel weer weggegaan!) :blush:

Ben ook geen professionele webdesigner. Heb de hele site samen met een vriend
opgezet, incl. een achterliggende CMS. En ben supertevreden met het eindresultaat.
Dat het technisch niet overal even goed is... Het werkt zonder problemen in IE, Firefox en Safari.

Dat opzich was al werk genoeg. :)

"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
25 maart 2009 - 16:58    reactie #16
geplaatst door: Blender
Je hebt MS verslagen zijn hebben maar 172 errors,
maar zij hebben meer warnings!  (= .net bagger code)

Welk cms?

FancyZoom en Safari
25 maart 2009 - 22:50    reactie #17
geplaatst door: Godfather
Ik ben ook benieuwd welk CMS. Want als je de dubbele headers en body gebruikt en in eerste instantie het niet aan durft om deze te wijzigen terwijl je toch zo'n site weet neer te zetten... knap gedaan.. van jou of van dat CMS haha!
Ergens dus juist een compliment. Maar ook ik ben dus erg benieuwd welk CMS je hiervoor gebruikt :]

Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
FancyZoom en Safari
26 maart 2009 - 08:41    reactie #18
geplaatst door: Buibkier
Zoals gezegd heb ik samen met een vriend deze site gemaakt. Hij is voor verantwoordelijk geweest
voor het CMS. Geen standaard CMS zoals Joomla o.i.d., maar een zelf ontwikkelde CMS.
Dat betekend veel nalezen, opzoeken en her en der vragen, maar uiteindelijk is het gelukt.
Niet *kuch* geheel volgens de W3C richtlijnen, maar het draait allemaal wel.

Het is naast een nieuwe bedrijfssite vooral ook leuk en leerzaam om zoiets met elkaar te maken.

"Life is what happens to you while you're busy making other plans" - John Lennon  (iMagine)
FancyZoom en Safari
26 maart 2009 - 10:32    reactie #19
geplaatst door: macossie
die w3c is niet zo moeilijk maak alle tags onderkast en je bent al van de helft van de errors af  :wink:

kan erg makkelijk met zoek en vervang
zoek: TD vervang door: td (om maar een voorbeeld te noemen)