Foutmelding onopgelost (fancybox)

Francoi gckx op 14/01/2014 14:51:42

			'easingIn' : 'easeInBack',
		   	'easingOut' : 'easeOutBack',
	       		'padding' : 40,
			'overlayColor': "#111", 
			'overlayOpacity': 0.7,
			'scrolling'		: 'no',
			'titleShow'		: false

Kan je mij misschien helpen met 1 van die regels boven, als je interresse heb

Toevoeging op 14/01/2014 14:51:57:

als ik er 1 weet weet ik wss de rest

Ipv easingIn, easingOut

    openEffect  : 'elastic',
    openEasing : 'easeOutBack',

    closeEffect : 'elastic',
    closeEasing : 'easeInBack',

Ipv coloroverlay
17,17,17 = #111, 0.7 = opacity

    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(17, 17, 17, 0.7)'
            }
        }
    }

scrolling en padding zijn het zelfde gebleven.
titleShow = title geworden, maar default null, dus kun je weglaten.


Allemaal van de pagina die ik je had gegeven en met hulp van CTRL+F (Find)

edit: code tags toegevoegd

Bedankt Michael het is klaar om gelancheerd te worden

<a class="fancy-box" href="cv/img/foto.png"> </a>

Zou dan moeten werken maar hij open heel de afbeelding ipv een doorzichtige achtergrond

Francoi gckx op 14/01/2014 15:03:06

Bedankt Michael het is klaar om gelancheerd te worden

<a class="fancy-box" href="cv/img/foto.png"> </a>

Zou dan moeten werken maar hij open heel de afbeelding ipv een doorzichtige achtergrond

Volgens het voorbeeld moet het zo

<a class="fancy-box" rel="gallery1" href="http://farm4.staticflickr.com/3677/8962691008_7f489395c9_b.jpg" title="Grasmere Lake (Phil 'the link' Whittaker (gizto29))">
	<img src="http://farm4.staticflickr.com/3677/8962691008_7f489395c9_m.jpg" alt="" />
</a>

en voor je contact formulier wordt het <a href="#contact-me" class="fancy-box">Contact</a>

Hij pakt het niet op en als ik in firebug kijk zou er al javascript achter beide moeten staan

<li class="view-photo" title="View Photo">
		   <a class="fancy-box" rel="group" href="cv/img/photo-big.png" title="">
			</a> 
		   <a class="fancy-box" href="cv/img/photo-big.png">&nbsp;</a>
		   </li>
           <li class="mail-top" title="Contact Me"><a id="contact-me" href="#contact-div">&nbsp;</a></li>

Francoi gckx op 14/01/2014 15:21:25

Hij pakt het niet op en als ik in firebug kijk zou er al javascript achter beide moeten staan

<li class="view-photo" title="View Photo">
		   <a class="fancy-box" rel="group" href="cv/img/photo-big.png" title="">
			</a> 
		   <a class="fancy-box" href="cv/img/photo-big.png">&nbsp;</a>
		   </li>
           <li class="mail-top" title="Contact Me"><a id="contact-me" href="#contact-div">&nbsp;</a></li>

Je hebt 2x een link ipv de img binnen je link zoals het voorbeeld.

<a class="fancy-box" rel="group" href="cv/img/photo-big.png" title="">
	<img src="cv/img/photo-big.png" alt="" />
</a>

edit: De img binnen de link is trouwens een kleinere/voorbeeld versie van de grote, dus deze kun je nog een width/height meegeven of een thumbnail laden

Maar als ik erin stop laat hij gelijk de foto zien: <img src="cv/img/photo-big.png" alt="" />
het is juist als een knop bedoelt

Toevoeging op 14/01/2014 15:27:14:

maar als ik dan weer op de knop druk met de img er over heen dan gaat hij alsnog naar de afbeelding in vergrote scherm

Francoi gckx op 14/01/2014 15:26:23

Maar als ik erin stop laat hij gelijk de foto zien: <img src="cv/img/photo-big.png" alt="" />
het is juist als een knop bedoelt

<a class="fancy-box" rel="group" href="cv/img/photo-big.png" title="">
knop
</a>

Hmm het is iets anders nog steeds gaat hij naar een uitvergroot scherm

In mij header staat:

<link href="cv/fancybox/jquery.fancybox.css" type="text/css" rel="stylesheet" rev="stylesheet" media="screen">
	<!-- Endof CSS -->
<script type='text/javascript' src='js/jquery/jquery.js?ver=1.10.2'></script>
	<script type='text/javascript' src='js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script> 
	<script type='text/javascript' src='js/trim/superfish.js?ver=1.0'></script>
	<script src="cv/js/custom2.js" type="text/javascript"></script>
	  <script src="cv/fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>
	<script src="cv/fancybox/jquery.fancybox.js" type="text/javascript"></script>

Toevoeging op 14/01/2014 15:39:54:

waar custom2.js de code in kwestie is

Dan zul je ergens een fout hebben. Deze zou je dan moeten kunnen zien in de console van de browser. In firefox is dat Extra > Webontwikkelaar > Webconsole (Ctrl+Shift+K)

Ik werk zelf met de console van firebug daar is niks

en met wat jij zei niks doorslaggevend:
Gebruik van getPreventDefault() wordt niet meer ondersteund. Gebruik in plaats daarvan defaultPrevented. jquery.js:4
16:02:40.694 De webconsole-log-API (console.log, console.info, console.warn, console.error) is door een script op deze pagina uitgeschakeld.

Ik heb ook Web Developer 1.2.5 Firefox Addon en die ziet ook geen js fouten