Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] rozne przegladarki problem
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
tomkowy
witam. robilem strone pod przegladarke safari i ciagle na niej sprawdzalem poprawnosc dzialania skryptu .js. a co sie okazuje skrypt dziala tylko pod safari :/

tutaj adres strony tymczasowy: http://szulc-tomasz.lolq.eu/studio118

tutaj .js

Kod
$(document).ready(function(){

/* SLIDER [1][2][3] */




    var currentitem = 1;
    
    
    $('#p1').css('background-position','0px -25px');
    $('.view').css('margin-top','0px');    
    $('.view').parent('a').not('a[href="img/portfolio/featured1.jpg"]').hide();
    $('#p1').click(function(){
        if(currentitem == 2 || currentitem == 3){
            $('#items li').animate({left: "0px"},450);
            currentitem = 1;
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').show();
        };
    });
    
    $('#p2').click(function(){
        if( currentitem == 1 || currentitem == 3){
            $('#items li').animate({left: "-740px"},450);
            currentitem = 2;
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').show();
        };

    });
    
    $('#p3').click(function(){
        if( currentitem == 2 || currentitem == 1){
            $('#items li').animate({left: "-1480px"},450);
            currentitem = 3;
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').show();
        };
    });
    
/* koniec */


/* SLIDER < [   ] >  */

    $('#rightarrow').click(function(){
        if(currentitem == 1){
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').show();
            $('#items li').animate({left: "-740px"},450);
            $('#pages ul').children('li').css('background-position','0px 0px');
            currentitem = 2;
            $('#pages ul').children('#p2').css('background-position','0px -25px').stop();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').show();
            break;
            
        };

        if(currentitem == 2){
            $('.view').parent('a[href="featured1.html"]').hide();
            $('.view').parent('a[href="featured3.html"]').hide();
            $('.view').parent('a[href="featured2.html"]').show();
            $('#items li').animate({left: "-1480px"},450);
            $('#pages ul').children('li').css('background-position','0px 0px');
            currentitem = 3;
            $('#pages ul').children('#p3').css('background-position','0px -25px').stop();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').show();
            break;
        };        
        
        if(currentitem == 3){
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').show();
            $('#items li').animate({left: "0px"},450);
            $('#pages ul').children('li').css('background-position','0px 0px');
            currentitem = 1;
            $('#pages ul').children('#p1').css('background-position','0px -25px').stop();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').show();
            break;
        };    
    });
    
    $('#leftarrow').click(function(){
        if(currentitem == 3){
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').show();
            $('#items li').animate({left: "-740px"},450);
            $('#pages ul').children('li').css('background-position','0px 0px');
            currentitem = 2;
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').show();
            $('#pages ul').children('#p2').css('background-position','0px -25px').stop();
            break;
        };
        
        if(currentitem == 2){
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').show();
            $('#items li').animate({left: "0px"},450);
            $('#pages ul').children('li').css('background-position','0px 0px');
            currentitem = 1;
            $('#pages ul').children('#p1').css('background-position','0px -25px').stop();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').show();
            break;
        };    

        if(currentitem == 1){
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').show();
            $('#items li').animate({left: "-1480px"},450);
            $('#pages ul').children('li').css('background-position','0px 0px');
            currentitem = 3;
            $('#pages ul').children('#p3').css('background-position','0px -25px').stop();
            $('.view').parent('a[href="img/portfolio/featured1.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured2.jpg"]').hide();
            $('.view').parent('a[href="img/portfolio/featured3.jpg"]').show();
            break;
        };    
    
    });

/* koniec */

/* ZMIANA WYGLADU PAGES [1][2][3] po kliknieciu ktoregos */
    $('#pages ul').children('li').click(function(){
        $(this).css('background-position','0px -25px');
        $('#pages ul').children('li').not(this).css('background-position','0px 0px').stop();
    });

/* koniec */

/* lightbox */
$(function() {
    $('#gallery #www a').lightBox({fixedNavigation:true});
    $('#gallery #projektylogo a').lightBox({fixedNavigation:true});
    $('#gallery #plakaty a').lightBox({fixedNavigation:true});
    $('.pokazfeatured a').lightBox({fixedNavigation:true});
});


/* koniec */
});


na safari dzialaja moje wlasne skrypciki i lightbox a na innych przegladarkach nic :/ nie mam pojecia gdzie lezy problem. zapewne w tym pliku .js ale nie wiem dokladnie gdzie.


tutaj kod z naglowka co mam zalaczone.
Kod
      <head>
        <script type="text/javascript" src="jquery.js"></script>  <!-- jquery.min 1.5.2 zdaje sie -->
        <script style="text/javascript" language="javascript" src="functions.js"></script>     <!-- moj skrypt -->
        <link rel="stylesheet" type="text/css" href="style.css"></link>
        
        <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
     </head>



prosze o pomoc. chcialem zeby strona wystartowala w poniedzialek :/
patryczakowy
powywalaj
Kod
break;

raczej ci to nie jest potrzebne a firebug sygnalizuje w tym miejscu błąd
tomkowy
patryczakowy, dzieki, jestesmy w polowie drogi. dziala pod wszystkimi przegladarkami z jednym, ale.. uzylem tego break; zeby sie zatrzymywalo bo jak klikne w strzalke to sie przesuwa o 1 a potem o 2 i na poczatku znow jest. taka petle robi. break zatrzymywal to za kazdym razem.

jak mozna to zatrzymac zeby po kliknieciu byl stop jak sie wykona animacja jedna? bo aktualnie wykonuja sie 3 animacje jak klikne raz w strzalke. 1-2, 2-3, 3-1. :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.