Te complici aiurea, vezi versiunea de mai jos ca e mai simpla (si functioneaza in orice browser):
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LVSlide</title>
<script src="http://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script>
<!-- <script src="jquery-1.7.2.min.js"></script> -->
<script type="text/javascript">
var slideNr = 7;
var slidePrefix = 'div';
var currentSlideNr = 3;
function hideAll(exceptSlide){
currentSlideNr = exceptSlide;
for(i=1;i<=slideNr;i++)
{
var currentSlideName = "#" + slidePrefix + i;
if(exceptSlide !== i){
$(currentSlideName).hide("fast");
}
else{
$(currentSlideName).show("fast");
}
}
};
function showDiv(id){
//ne asiguram ca avem cifra
id++;
id--;
hideAll(id);
};
function showNext(){
if (currentSlideNr == slideNr) {
hideAll(1);
}
else{
hideAll(currentSlideNr+1);
}
}
function showPrev(){
if (currentSlideNr == 1) {
hideAll(slideNr);
}
else{
hideAll(currentSlideNr-1);
}
}
$(document).ready(function(){
hideAll(currentSlideNr);
$("#showPrev").click(function(){
showPrev();
});
$("#showNext").click(function(){
showNext();
});
});
</script>
</head>
<body>
<button id="showPrev">Prev</button>
<button onclick="showDiv('1')">Number 1</button>
<button onclick="showDiv('2')">Number 2</button>
<button onclick="showDiv('3')">Number 3</button>
<button onclick="showDiv('4')">Number 4</button>
<button onclick="showDiv('5')">Number 5</button>
<button onclick="showDiv('6')">Number 6</button>
<button onclick="showDiv('7')">Number 7</button>
<button id="showNext">Next</button>
<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>
<div id="div4">Div 4</div>
<div id="div5">Div 5</div>
<div id="div6">Div 6</div>
<div id="div7">Div 7</div>
</body>
</html>