contact information
Albert P. Sharkis, Jr.
El Paso, TX 79912
(915) 526-3476
apsharkis@yahoo.com
Dynamic php Image Gallery
Scrolling divs without JQuery or Flash!
This is the first div. The next button sends this div id, the next div id, and the ids of the buttons. This is the first div, so null is sent as the id of the previous button.
This is the second div.
This is the third div.
This is a fourth div separated from the others!
This is a fifth div separated from the others!
This is a sixth div separated from the others!
var move=false;
var iter=1;
var cdiv;
var ndiv;
var fbut;
var pbut;
function doDivNext(fsection,nsection,nbutton,pbutton){
if(!move){
cdiv=fsection;
ndiv=nsection;
fbut=nbutton;
pbut=pbutton;
myInterval=setInterval('nextDiv()',83);
}
}
function doDivPrev(fsection,nsection,nbutton,pbutton){
if(!move){
cdiv=fsection;
ndiv=nsection;
fbut=nbutton;
pbut=pbutton;
myInterval=setInterval('prevDiv()',83);
}
}
function nextDiv(){
move=true;
var spam = document.getElementById(cdiv);
var eggs = document.getElementById(ndiv);
document.getElementById(fbut).style.display='none';
if(document.getElementById(pbut)){
document.getElementById(pbut).style.display='none';
}
document.getElementById('lode').style.display='inline';
spam.style.position='absolute';
eggs.style.position = 'absolute';
eggs.style.display = 'inline';
if(iter==1){
spam.style.left="-8%";
eggs.style.left="92%";
iter++;
}
else if(iter==2){
spam.style.left="-16%";
eggs.style.left="84%";
iter++;
}
else if(iter==3){
spam.style.left="-24%";
eggs.style.left="76%";
iter++;
}
else if(iter==4){
spam.style.left="-32%";
eggs.style.left="68%";
iter++;
}
else if(iter==5){
spam.style.left="-40%";
eggs.style.left="60%";
iter++;
}
else if(iter==6){
spam.style.left="-48%";
eggs.style.left="52%";
iter++;
}
else if(iter==7){
spam.style.left="-56%";
eggs.style.left="44%";
iter++;
}
else if(iter==8){
spam.style.left="-64%";
eggs.style.left="36%";
iter++;
}
else if(iter==9){
spam.style.left="-72%";
eggs.style.left="28%";
iter++;
}
else if(iter==10){
spam.style.left="-80%";
eggs.style.left="20%";
iter++;
}
else if(iter==11){
spam.style.left="-88%";
eggs.style.left="12%";
iter++;
}
else if(iter==12){
spam.style.left="-96%";
eggs.style.left="0%";
iter=1;
clearInterval(myInterval);
move=false;
document.getElementById('lode').style.display='none';
document.getElementById(fbut).style.display='inline';
if(document.getElementById(pbut)){
document.getElementById(pbut).style.display='inline';
}
}
}
function prevDiv(){
//cdiv is the div you are moving from
//ndiv is the div you are moving to
var spam = document.getElementById(cdiv);
var eggs = document.getElementById(ndiv);
document.getElementById(pbut).style.display='none';
if(document.getElementById(fbut)){
document.getElementById(fbut).style.display='none';
}
document.getElementById('lode').style.display='inline';
spam.style.position = 'absolute';
eggs.style.position = 'absolute';
eggs.style.display='inline';
if(iter==1){
spam.style.left="8%";
eggs.style.left="-92%";
iter++;
}
else if(iter==2){
spam.style.left="16%";
eggs.style.left="-84%";
iter++;
}
else if(iter==3){
spam.style.left="24%";
eggs.style.left="-76%";
iter++;
}
else if(iter==4){
spam.style.left="32%";
eggs.style.left="-68%";
iter++;
}
else if(iter==5){
spam.style.left="40%";
eggs.style.left="-60%";
iter++;
}
else if(iter==6){
spam.style.left="48%";
eggs.style.left="-52%";
iter++;
}
else if(iter==7){
spam.style.left="56%";
eggs.style.left="-44%";
iter++;
}
else if(iter==8){
spam.style.left="64%";
eggs.style.left="-36%";
iter++;
}
else if(iter==9){
spam.style.left="72%";
eggs.style.left="-28%";
iter++;
}
else if(iter==10){
spam.style.left="80%";
eggs.style.left="-20%";
iter++;
}
else if(iter==11){
spam.style.left="90%";
eggs.style.left="-12%";
iter++;
}
else if(iter==12){
eggs.style.left="0%";
spam.style.display='none';
move=false;
clearInterval(myInterval);
iter=1;
document.getElementById('lode').style.display='none';
if(document.getElementById(fbut)){
document.getElementById(fbut).style.display='inline';
}
document.getElementById(pbut).style.display='inline';
}
}