PHP Code:
<html>
<head><title>LV'Slide</title>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<!-- <script src="jquery-1.7.2.min.js"></script> -->
<script src="LV'Slide.js"></script>
</head>
<body>
<button onclick="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 onclick="showNext()">Next</button>
<div id="div1" style="display:none;">Div 1</div>
<div id="div2" style="display:none;">Div 2</div>
<div id="div3">Div 3</div>
<div id="div4" style="display:none;">Div 4</div>
<div id="div5" style="display:none;">Div 5</div>
<div id="div6" style="display:none;">Div 6</div>
<div id="div7" style="display:none;">Div 7</div>
</body>
PHP Code:
// LV'Slide 1.76 (Open Source)
// by L.V.S
// Web site: -----
// Skype: ------
// Setari:
var nr = 7 ;// numarul de diviziuni ale slider-ului
const name = "div" ;// numele id-ului folosit, id-urile diviziunilor trebuie sa provina de la acest id; ex: div1, div2, div3 ...
// Nu atingeti codul ce urmeaza dupa acest comentariu
nr++ ;
function hideAll(number){
for (var i = 1; i < nr; i++) {
var div1 = name + i;
if (!(number == i) && !(document.getElementById(div1).style.display=="none")){
$('#' + div1).hide(300);
}
}
}
function showDiv(number){
hideAll(number);
var div2 = name + number;
if (document.getElementById(div2).style.display=="none"){
$('#' + div2).show(300);
}
}
function showNext(){
const charge = name + (nr - 1);
if (!(document.getElementById(charge).style.display=="none")){
showDiv('1');
}else{
for (var i = 1; i < nr; i++) {
var div3 = name + i;
if (!(document.getElementById(div3).style.display=="none")){
$('#' + div3).hide(300); i++ ;
div3 = name + i;
$('#' + div3).show(300)
i= nr ;
}
}
}}
function showPrev(){
const charge = nr - 1;
const detect = name + 1;
if (!(document.getElementById(detect).style.display=="none")){
showDiv(charge);
}else{
for (var i = 1; i < nr; i++) {
var div3 = name + i;
if (!(document.getElementById(div3).style.display=="none" )){
$('#' + div3).hide(300); i-- ;
div3 = name + i;
$('#' + div3).show(300)
i= nr ;
}
}
}}
Un forum simplu pentru toti, si pentru ca parerea ta conteaza!