Back To Programming / Scripting / Coding Forum

showing current page number in javascript image slideshow

  • tiffix
  • Student
  • Student
  • User avatar
  • Joined: Jun 03, 2009
  • Posts: 65
  • Loc: kenya
  • Status: Offline

Post March 27th, 2011, 12:54 pm

Please help put page number 1 of x at the bottom i've tried using php global $_GET but still fail. thanks

Code: [ Select ]
<?php
ob_start();
session_start();
if(!empty($_SESSION['previouslargephoto1'])){
    $img1            = $_SESSION['previouslargephoto1'];
    $img1descrip    = $_SESSION['proponedescrip'];
    $firstimg[]     = $img1;
    $firstdecrip[]     = $img1descrip;
    $count[]        = 1;
}

if(!empty($_SESSION['previouslargephoto2'])){
    $img2            = $_SESSION['previouslargephoto2'];
    $img2descrip    = $_SESSION['proptwodescrip'];
    $firstimg[]     = $img2;
    $firstdecrip[]     = $img2descrip;
}

if(!empty($_SESSION['previouslargephoto3'])){
    $img3            = $_SESSION['previouslargephoto3'];
    $img3descrip    = $_SESSION['propthreedescrip'];
    $firstimg[]     = $img3;
    $firstdecrip[]     = $img3descrip;
}

if(!empty($_SESSION['previouslargephoto4'])){
    $img4            = $_SESSION['previouslargephoto4'];
    $img4descrip    = $_SESSION['propfourdescrip'];
    $firstimg[]     = $img4;
    $firstdecrip[]     = $img4descrip;
}

if(!empty($_SESSION['previouslargephoto5'])){
    $img5            = $_SESSION['previouslargephoto5'];
    $img5descrip    = $_SESSION['propfivedescrip'];
    $firstimg[]     = $img5;
    $firstdecrip[]     = $img5descrip;    
}

if(!empty($_SESSION['previouslargephoto6'])){
    $img6            = $_SESSION['previouslargephoto6'];
    $img6descrip    = $_SESSION['propsixdescrip'];
    $firstimg[]     = $img6;
    $firstdecrip[]     = $img6descrip;    
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Gallery</title>

<script type="text/javascript">
var num=1;

imgArray = [
<?php if(!empty($_SESSION['previouslargephoto1'])){?>['<?php echo $img1;?>', '<?php echo $img1descrip;?>'],<?php }?>
<?php if(!empty($_SESSION['previouslargephoto2'])){?>['<?php echo $img2;?>', '<?php echo $img2descrip;?>'],<?php }?>
<?php if(!empty($_SESSION['previouslargephoto3'])){?>['<?php echo $img3;?>', '<?php echo $img3descrip;?>'],<?php }?>
<?php if(!empty($_SESSION['previouslargephoto4'])){?>['<?php echo $img4;?>', '<?php echo $img4descrip;?>'],<?php }?>
<?php if(!empty($_SESSION['previouslargephoto5'])){?>['<?php echo $img5;?>', '<?php echo $img5descrip;?>'],<?php }?>
<?php if(!empty($_SESSION['previouslargephoto6'])){?>['<?php echo $img6;?>', '<?php echo $img6descrip;?>']<?php }?>
// Note: no comma after last entry
]

function slideshow(slide_num) {
 document.getElementById('mypic').src=imgArray[slide_num][0];
 document.getElementById('mypic').alt=imgArray[slide_num][1];
 document.getElementById('burns').innerHTML=imgArray[slide_num][1];
}

function slideshowUp() {
 num++;
 num = num % imgArray.length;
 slideshow(num);
}

function slideshowBack() {
 num--; if (num < 0) {num=imgArray.length-1;}
 num = num % imgArray.length;
 slideshow(num);
// location.href="example.php?num=" + num;
}

</script>
</head>

<body onLoad="slideshow(0)">
<div style="text-align: center">

<!-- Place the first image here -->
<?php
    $img1         =    $firstimg[0];
    $img1descrip =    $firstdecrip[0];
    
    $ttimages     = count($firstimg,0);
    
    /*if(isset($_GET['num'])){
        echo $num=$_GET['num'];
    }
    
    if(!isset($_GET['num'])){
        echo $num=1;
    }*/
        
    
?>
<img id='mypic' src="<?php echo $img1;?>" name='mypic' border="0" height="150" width="200">
<br>
<!-- Place the text for the first image here -->
<div id="burns"><?php echo $img1descrip;?></div>
<p>
<a href="#" onClick="slideshowBack(); return false;">« Previous</a>&nbsp;1 of <?php echo $ttimages;?>&nbsp;<a href="#" onClick="slideshowUp(); return false;"> Next »</a>
</div>
</body>
</html>
  1. <?php
  2. ob_start();
  3. session_start();
  4. if(!empty($_SESSION['previouslargephoto1'])){
  5.     $img1            = $_SESSION['previouslargephoto1'];
  6.     $img1descrip    = $_SESSION['proponedescrip'];
  7.     $firstimg[]     = $img1;
  8.     $firstdecrip[]     = $img1descrip;
  9.     $count[]        = 1;
  10. }
  12. if(!empty($_SESSION['previouslargephoto2'])){
  13.     $img2            = $_SESSION['previouslargephoto2'];
  14.     $img2descrip    = $_SESSION['proptwodescrip'];
  15.     $firstimg[]     = $img2;
  16.     $firstdecrip[]     = $img2descrip;
  17. }
  19. if(!empty($_SESSION['previouslargephoto3'])){
  20.     $img3            = $_SESSION['previouslargephoto3'];
  21.     $img3descrip    = $_SESSION['propthreedescrip'];
  22.     $firstimg[]     = $img3;
  23.     $firstdecrip[]     = $img3descrip;
  24. }
  26. if(!empty($_SESSION['previouslargephoto4'])){
  27.     $img4            = $_SESSION['previouslargephoto4'];
  28.     $img4descrip    = $_SESSION['propfourdescrip'];
  29.     $firstimg[]     = $img4;
  30.     $firstdecrip[]     = $img4descrip;
  31. }
  33. if(!empty($_SESSION['previouslargephoto5'])){
  34.     $img5            = $_SESSION['previouslargephoto5'];
  35.     $img5descrip    = $_SESSION['propfivedescrip'];
  36.     $firstimg[]     = $img5;
  37.     $firstdecrip[]     = $img5descrip;    
  38. }
  40. if(!empty($_SESSION['previouslargephoto6'])){
  41.     $img6            = $_SESSION['previouslargephoto6'];
  42.     $img6descrip    = $_SESSION['propsixdescrip'];
  43.     $firstimg[]     = $img6;
  44.     $firstdecrip[]     = $img6descrip;    
  45. }
  46. ?>
  47. <html>
  48. <head>
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>Simple Gallery</title>
  52. <script type="text/javascript">
  53. var num=1;
  55. imgArray = [
  56. <?php if(!empty($_SESSION['previouslargephoto1'])){?>['<?php echo $img1;?>', '<?php echo $img1descrip;?>'],<?php }?>
  57. <?php if(!empty($_SESSION['previouslargephoto2'])){?>['<?php echo $img2;?>', '<?php echo $img2descrip;?>'],<?php }?>
  58. <?php if(!empty($_SESSION['previouslargephoto3'])){?>['<?php echo $img3;?>', '<?php echo $img3descrip;?>'],<?php }?>
  59. <?php if(!empty($_SESSION['previouslargephoto4'])){?>['<?php echo $img4;?>', '<?php echo $img4descrip;?>'],<?php }?>
  60. <?php if(!empty($_SESSION['previouslargephoto5'])){?>['<?php echo $img5;?>', '<?php echo $img5descrip;?>'],<?php }?>
  61. <?php if(!empty($_SESSION['previouslargephoto6'])){?>['<?php echo $img6;?>', '<?php echo $img6descrip;?>']<?php }?>
  62. // Note: no comma after last entry
  63. ]
  65. function slideshow(slide_num) {
  66.  document.getElementById('mypic').src=imgArray[slide_num][0];
  67.  document.getElementById('mypic').alt=imgArray[slide_num][1];
  68.  document.getElementById('burns').innerHTML=imgArray[slide_num][1];
  69. }
  71. function slideshowUp() {
  72.  num++;
  73.  num = num % imgArray.length;
  74.  slideshow(num);
  75. }
  77. function slideshowBack() {
  78.  num--; if (num < 0) {num=imgArray.length-1;}
  79.  num = num % imgArray.length;
  80.  slideshow(num);
  81. // location.href="example.php?num=" + num;
  82. }
  84. </script>
  85. </head>
  87. <body onLoad="slideshow(0)">
  88. <div style="text-align: center">
  90. <!-- Place the first image here -->
  91. <?php
  92.     $img1         =    $firstimg[0];
  93.     $img1descrip =    $firstdecrip[0];
  94.     
  95.     $ttimages     = count($firstimg,0);
  96.     
  97.     /*if(isset($_GET['num'])){
  98.         echo $num=$_GET['num'];
  99.     }
  100.     
  101.     if(!isset($_GET['num'])){
  102.         echo $num=1;
  103.     }*/
  104.         
  105.     
  106. ?>
  107. <img id='mypic' src="<?php echo $img1;?>" name='mypic' border="0" height="150" width="200">
  108. <br>
  109. <!-- Place the text for the first image here -->
  110. <div id="burns"><?php echo $img1descrip;?></div>
  111. <p>
  112. <a href="#" onClick="slideshowBack(); return false;">« Previous</a>&nbsp;1 of <?php echo $ttimages;?>&nbsp;<a href="#" onClick="slideshowUp(); return false;"> Next »</a>
  113. </div>
  114. </body>
  115. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post March 27th, 2011, 12:54 pm

Page 1 of 1

Post Information

  • Total Posts in this topic: 1 post
  • Users browsing this forum: No registered users and 211 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.