Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] rozne przegladarki problem
tomkowy
post
Post #1





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 22.05.2010

Ostrzeżenie: (0%)
-----


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 :/
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 14:48