Hello there,
I have a major problem with my Fancybox plugin on IE7 & IE8. the site is working excellent on Chrome, Firefox and Safai. As I was debugging the site I could see that the problem may be caused from the Fancybox Plugin since its the only one not working. In addition I get an error from IE: Invalid Argument. Line:8827 Char:5 This is the URL: http://attia.businesscatalyst.com/ this is my header code -
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>עטיה נכסים</title>
<link href="/styles/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
<link rel="stylesheet" href="http://www.fontface.co.il/fonts/1144.css.aspx" charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js">
<script src="/includes/ice/ice.js" type="text/javascript"></script>
<script src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="/js/jquery.carouFredSel-5.5.0.js"></script>
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/styles/IE7.css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="/styles/IE8.css" /><![endif]-->
<!--[if IE 9]><link rel="stylesheet" type="text/css" href="/styles/IE9.css" /><![endif]-->
<script>
$(function() {
$( ".button" ).click(function() {
$( "#contact" ).toggleClass( "active", 1000 );
$( "#contact_container" ).toggleClass( "active", 1000 );
return false;
});
});
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
$(function(){
$('#pole1').slides({
effect: 'fade',
fadeSpeed: 750,
crossfade: true,
generateNextPrev: false,
randomize: true,
pagination: false,
generatePagination: false,
play: 5500
});
$('#pole2').slides({
fadeSpeed: 750,
effect: 'fade',
crossfade: true,
generateNextPrev: false,
randomize: true,
pagination: false,
generatePagination: false,
play: 4250
});
$('#pole5').slides({
fadeSpeed: 750,
effect: 'fade',
crossfade: true,
generateNextPrev: false,
randomize: true,
pagination: false,
generatePagination: false,
play: 6500
});
$('#pole6').slides({
fadeSpeed: 750,
effect: 'fade',
crossfade: true,
generateNextPrev: false,
randomize: true,
pagination: false,
generatePagination: false,
play: 4000
});
$('#pole7').slides({
fadeSpeed: 750,
effect: 'fade',
crossfade: true,
generateNextPrev: false,
randomize: true,
pagination: false,
generatePagination: false,
play: 3500
});
});
$(document).ready(function() {
$(".about1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
<link href="/stylesheets/modulestylesheets.css" rel="stylesheet" type="text/css" />
and this is an example of a Fancybox call -
<div class="project">
<script>
$(document).ready(function() {
$("#ikea1").fancybox({
'autoScale' :'true',
'titlePosition' : 'inside',
'transitionIn' : 'fade',
'transitionOut' : 'fade'
});
$.fancybox. resize();
});
</script>
<a id="ikea1" href="#ikea2"> <span>איקאה צפון</span>
<div class="project_border"><img src="/Shopping Malls Images/Small/ikea_small.jpg" border="0" alt="" /></div>
</a>
<div style="display: none;">
<div id="ikea2" class="project_hidden" style="width: 600px; padding-bottom: 20px;">
<div class="project_image"><img src="/Shopping Malls Images/Large/ikea_large.jpg" border="0" alt="" /></div>
<div class="project_title">
<h3>איקאה צפון</h3>
</div>
<div class="project_description"><p class="p1" style="text-align: right;">החנות השלישית של איקאה בישראל תקום במתחם מסחרי הצמוד לצומת אתא שבקריית אתא במבנה ששטחו 24 אלף מ"ר, בבעלות משותפת של חברת הנדל"ן של שרי אריסון שיכון ובינוי נדל"ן. צפי לפתיחה: 2014.</p>
<p class="p1" style="text-align: right;">החנות תבנה על שטח כולל בן 97 דונם שיכלול בין היתר מרכז מסחרי, שטחי חניה ותחנת תדלוק.</p>
</div>
</div>
</div>
<div style="clear: both;"></div>
</div>
can you please check this out for me and tell me what am I doing wrong?