phploopsforeachfotorama

Foreach loop for fotorama


im trying to use a foreach loop with the plugin fotorama.

What im trying to do is load one half sized image for the main gallery image. Which i have working in a foreach, but i want to use a full image for the data-full tag but i cant get it to work.

This is the working code.

<div class="fotorama"
                 data-allowfullscreen="native"
                 data-nav="thumbs"
                 data-fit="scaledown"
                 data-width="100%"
                 data-height="100%"
                 data-arrows="true"
                 data-click="true"
                 data-swipe="true">
                <?php
                      $dirname = "admin/image-upload/uploads/";
                      $images = glob($dirname."*.*");
                      foreach($images as $image) {
                      echo '<img src="'.$image.'" /><br />';
                      }
                ?>
            </div>

this is what im trying to do.

<div class="fotorama"
                 data-allowfullscreen="native"
                 data-nav="thumbs"
                 data-fit="scaledown"
                 data-width="100%"
                 data-height="100%"
                 data-arrows="true"
                 data-click="true"
                 data-swipe="true">
                <?php
                      $dirname = "admin/image-upload/uploads/";
                      $images = glob($dirname."*.*");
                      $dirname2 = "admin/image-upload/full/";
                      $images2 = glob($dirname2."*.*");
                      $fullImgs = "<img data-full=".$image2." src=".$image." /><br />";
                      foreach($fullImgs as $fullImg) {
                      echo $fullImg;
                      }
                ?>


            </div>

thanks in advanced guys


Solution

  • Try this:

    $dirname = "admin/image-upload/uploads/";
    $images = glob($dirname."*.*");
    $dirname2 = "admin/image-upload/full/";
    $images2 = glob($dirname2."*.*");
    $array = array_merge($images, $images2);
    
    // Supossing both array have same length
    $length = count($images);
    for($i = 0; $j = $length; $i < $length; $i++, $j++) {
        echo '<img data-full=".$images2[$j]." src=".$images[$i]." /><br />';
    }