2011-01-12 4 views
2

私はIEが嫌いです!今私が怒ったので、私は本当に助けを借りてできる。私はここにこのサイトを持っています。 http://pearsonlyle.uwpistol.net/galleries/susie-theodorou/editorial/ susieのみ動作し、ナビゲーションがクリックされたときにオーバーレイを追加するjavascriptをいくつか書いたが、navoverlayをフェードアウトしてページを選択したリンクにリダイレクトする機能を追加したがIE8ではページコンテンツ(ギャレリア) 。しかしIE7では、私のページの内容(ガレリア)はすべてのサムネイルを除いて表示されます。jQuery document.location not working IE(標準)

私はコード(resize.jsとmenus.js)を取り出しても、問題の根本を見つけることができませんでした。私は自分のコードを説明できるかどうかも分かりませんが、本当に助けが必要です。

menus.js

function initMenuPhotographers() { 

$('#navsub_533013_583913 ul').hide(); 
$('#navsub_533013_583913 li a').click(
    function() { 
    var checkElement = $(this).next(); 
if((checkElement.is('ul')) && (checkElement.is(':visible'))) { 
    return false; 
    } 
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { 
    $('#navsub_533013_583913 ul:visible').slideUp('normal'); 
    checkElement.slideDown('normal'); 
    return false; 
     } 
    }); 
} 
function initMenuStylists() { 

    $('#navsub_533015_584326 ul').hide(); 
    $('#navsub_533015_584326 li a').click(
     function() { 
    var checkElement = $(this).next(); 
    if((checkElement.is('ul')) && (checkElement.is(':visible'))) { 
    return false; 
    } 
    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { 
    $('#navsub_533015_584326 ul:visible').slideUp('normal'); 
    checkElement.slideDown('normal'); 
    return false; 
    } 
      }); 
    } 

function addNavLightbox(){ 
$("< div id='nav-overlay'>< /div>") 
    .css('top', $(document).scrollTop()) 
    .css('opacity', '0') 
    .animate({'opacity':'0.8'}, 'slow') 
    .appendTo('body'); 
} 

function removeNavLightbox(){ 
    $('#nav-overlay') 
    .fadeOut('slow', function(){ 
    $(this).remove(); 
    }); 
    } 

function redirectPage() { 
window.location.href = linkLocation; 
} 


    $(document).ready(function() { 


    $("#navsub_533015_584326 li ul li a").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $('#nav-overlay').fadeOut(30, redirectPage); 
    }); 


    initMenuPhotographers(); 
    initMenuStylists(); 

    $('#navsub_533013_583913').hide(); 
     $('#navsub_533015_584326').hide(); 

    $('#photographers').click(
    function(){ 
    $('#navsub_533013_583913').slideToggle(); 
    }); 


    $('#photographers').toggle(addNavLightbox, removeNavLightbox); 


$('#stylists').click(
     function(){ 
      $('#navsub_533015_584326').slideToggle(); 

    }); 


    $('#stylists').toggle(addNavLightbox, removeNavLightbox); 
    }); 

私はメニューのアコーディオン、メニューのためにもオーバーレイがあります、たくさんのコードがあります知っています。

は、私はまた、別のスクリプトではガレリア機能を持っている誰もが正しい方向に私を指すかさえどのようにIEでデバッグするために私を伝えることができた場合は、このガレリア・コードは、多くの上のIEで動作

$(document).ready(function(){ 

    $(function() { 
    $.ajax({ 
    type: "GET", 
    url: "img/PhotoGallery.xml", 
    dataType: "xml", 
    success: function(xml) { 
    $(xml).find('img').each(function() { 
    var location = 'img/'; 
    var url = $(this).attr('src'); 
    var alt = $(this).attr('alt'); 
    $('< img src="'+location+''+url+'" alt="'+alt+'"/>').appendTo('#galleria'); 

    }); 

    // Load theme 
    Galleria.loadTheme('/js/src/themes/classic/galleria.classic.js'); 



    $('#galleria').galleria({ 
    image_crop: false, // crop all images to fit 
    thumb_crop: true, // crop all thumbnails to fit 
    transition: 'fade', // crossfade photos 
    transition_speed: 20, // slow down the crossfade 
    extend: function() { 

     this.bind(Galleria.IMAGE, function(e) { 

             $('.counter').html(this.$('counter').html()); 
     }) 

     var gallery = this; 
     var playing = false; 
                   $('#playpause').bind('click', function() { 
     if (! playing) { 
                 gallery.play(); 
                 $(this).text('Pause Slideshow'); 
     } else { 
                 gallery.pause(); 
       $(this).text('Play Slideshow'); 
     } 
     playing = !playing; 
     }); 
     //get thumbnail width 
    var thumbnailWidth = $('.galleria-thumbnails').width(); 
    $('.galleria-thumbnails').css({"width" : thumbnailWidth, "margin-left" : "auto", "margin-right" : "auto"}) 
    $('.galleria-stage').css('z-index', '500'); 
    } 
    }); 



     } 

     }); 

    }) 


}); 

他のプロジェクトはそれほど恥ずかしそうです(彼女はそうです)。

私は答えを探しているわけではありません。

これを読んでいただきありがとうございます、本当にありがとうございます。 タラ

+0

私のコードを一度に投稿できないのはなぜですか? –

+1

コードを選択し、エディタで{}ボタンをクリックします。私はIEについてあなたの苦痛を感じる。 – Hemlock

+2

または、4つのスペースでコードブロックをインデントするだけです。 – Jacob

答えて

1

debug:trueオプションをgalleria widgetに追加してみてください。それは何がうまくいかないのかを理解するのに役立ちます。

$('#galleria').galleria({ 
    debug: true, 
    image_crop: false, // crop all images to fit 
    thumb_crop: true, // crop all thumbnails to fit 
    transition: 'fade', // crossfade photos 
    transition_speed: 20, // slow down the crossfade 
    extend: function() { 
     this.bind(Galleria.IMAGE, function(e) { 
      $('.counter').html(this.$('counter').html()); 
     }) 

     var gallery = this; 
     var playing = false; 

     $('#playpause').bind('click', function() { 
      if (! playing) { 
       gallery.play(); 
       $(this).text('Pause Slideshow'); 
      } else { 
       gallery.pause(); 
       $(this).text('Play Slideshow'); 
      } 
      playing = !playing; 
     }); 

     //get thumbnail width 
     var thumbnailWidth = $('.galleria-thumbnails').width(); 
     $('.galleria-thumbnails').css({ 
      "width" : thumbnailWidth, 
      "margin-left" : "auto", 
      "margin-right" : "auto"}); 
     $('.galleria-stage').css('z-index', '500'); 
    } 
});