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 */
});
/* 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>
<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 :/