آلبوم عکس داینامیک با php

[zhra]

سلام دوستان توی سایتم یه گالری تصاویر دارم که مدیر سایت می تونه عکسهاشو آپلود کنه و اونجا قرار بده.. حالا میخام ایه آلبوم بسازم که عکسها توی div مشخصی با سایز بزرگتر نمایش داده بشن

 

[IAMIR]

خیلی گنگ توضیح دادی درست توضیح دهید .

 

[zhra]

ببینید عکسها با آپلود در قسمت پایین صفحه با سایز کوچک ظاهر می شون. در قسمت بالا یه div دارم که بزرگتره و قراره که با کلیک بر روی عکسهای کوچک عکس ها با سایز برگتر نمایش داده شوند.

الان این مونده که با کلیک بر روی عکس های کوچک عکس با سایز بزرگ نمایش داده بشه

<?php if(@$_GET["delete"]=="successfull"){ ?>
    <div class="loading"> تصویر مورد نظر حذف شد . </div> <?php } ?>
<?php if(@$_GET["add"]=="ok"){
 ?> <div class="loading"> تصویر شما آپلود شد.</div> <?php } ?>
 <form action="<?php echo $editFormAction; ?>" method="POST" enctype="multipart/form-data" name="frmImage" id="frmImage">
 <table class="post">
 <tr> <td>
   <span id="sprytextGallery">
   <input name="file" type="file" id="txtPicture" />
   <span class="textfieldRequiredMsg">فیلد تصویر خالی است.</span></span></td> </tr>
   <tr> <td><input type="hidden" name="dtePictureDate" value="<?php echo $row_rsImage['dtePictureDate']; ?>"/>
   <input type="hidden" name="intUserID" id="intUserID" value="<?php echo $_SESSION['MM_UserID']; ?>"/> <input type="hidden" name="hiddenAID" id="hiddenAID" value="<?php echo $row_rsImage['intPictureID']; ?>" /> 
   <input type="submit" name="frmImage" id="frmImage" value="آپلود تصویر " class="button" />
   </td> </tr>
  </table>
 <input type="hidden" name="MM_insert" value="frmImage" /> 
   </form> 
  <?php } ?>
  <?php if ($totalRows_rsImage > 0) { // Show if recordset not empty ?>
    <div id="gallery"><img src="uploads/<?php echo $row_rsImage['txtPicture']; ?>"/></div>
    <div id="play">
      <?php if ($pageNum_rsImage >= $totalPages_rsImage) { // Show if last page ?>
        <img src="../images/next_h.png" />
        <?php } // Show if last page ?>
<?php if ($pageNum_rsImage < $totalPages_rsImage) { // Show if not last page ?>
        <a href="<?php printf("%s?pageNum_rsImage=%d%s", $currentPage, min($totalPages_rsImage, $pageNum_rsImage + 1), $queryString_rsImage); ?>"><img src="../images/next.png" /></a>
        <?php } // Show if not last page ?>
      <?php if ($pageNum_rsImage > 0) { // Show if not first page ?>
        <a href="<?php printf("%s?pageNum_rsImage=%d%s", $currentPage, max(0, $pageNum_rsImage - 1), $queryString_rsImage); ?>"><img src="../images/prev.png" /></a>
        <?php } // Show if not first page ?>
      <?php if ($pageNum_rsImage == 0) { // Show if first page ?>
        <img src="../images/prev_h.png" />
        <?php } // Show if first page ?>
    </div>
    <div id="TG">
      <?php do { ?>
        <table class="tableGallery">
          <tr>
            <td><a href="uploads/<?php echo $row_rsImage['txtPicture']; ?>" ><img src="uploads/<?php echo $row_rsImage['txtPicture']; ?>" width="120" height="120" class="tbpics" title="ورمی کمپوست تی تی گل" /></a></td>
          </tr>
          <?php if(isset($_SESSION['MM_UserGroup']) && $_SESSION['MM_UserGroup']==1){?>
          <tr>
            <td><?php echo $row_rsImage['dtePictureDate']; ?></td>
          </tr>
          <tr>
            <td> توسط : <?php echo $row_rsImage['txtUserName']; ?></td>
          </tr>
          <tr>
            <td><a href="<?php echo $row_rsImage['intPictureID']; ?>?pid=<?php echo $row_rsImage['intPictureID']; ?>"><img src="../images/icon_TrashCanMedium.jpg" title="delete image" /></a></td>
          </tr>
          <?php }?>
        </table>
        <?php } while ($row_rsImage = mysql_fetch_assoc($rsImage)); ?>
    </div>
    <?php } // Show if recordset not empty ?>
<?php if ($totalRows_rsImage == 0) { // Show if recordset empty ?>
  <div class="noPost"> گالری تصاویر خالی است .</div>
  <?php } // Show if recordset empty ?>

 

[IAMIR]

از اسکریپت jquery زیر می تونی استفاده کنی .

لینک ها تنها برای اعضای سایت قابل نمایش است.