Menu icon Foundation

My Posts



My Comments

Andrea Jahn commented on Steve Trask's post almost 6 years

Before calling orbit I change the images by myself:

        <div id="page-slider" class="slideshow-wrapper">
          <ul id="featured2" data-orbit>
            <?php for ($i = 0; $i < count($img_arr); $i++) : ?>
              <li>
                <div class="img-margin">
                  <img class="change-img" src="<?php echo($img_arr[$i][3]); ?>" data-bigsrc="<?php echo($img_arr[$i][0]); ?>" alt="<?php echo $img_arr[$i][1]; ?>" />
                </div>
                <div class="orbit-caption">
                  <?php echo($img_arr[$i][2]); ?>
                </div>
              </li>
            <?php endfor; ?> 
          </ul>
        </div>
 function changeImageSize() {
  if (Modernizr.mq('only screen and (min-width: 768px)') || (navigator.userAgent.match(/MSIE 8/i)))   {
    $j.each($j('#page-slider img'), function(index, value) {
      var bigSrc = $j(this).attr("data-bigsrc");
      $j(this).attr("src", bigSrc);
    });
  }
}

Posts Followed

No Content

Following

    No Content

Followers

My Posts



My Comments

You commented on Steve Trask's post almost 6 years

Before calling orbit I change the images by myself:

        <div id="page-slider" class="slideshow-wrapper">
          <ul id="featured2" data-orbit>
            <?php for ($i = 0; $i < count($img_arr); $i++) : ?>
              <li>
                <div class="img-margin">
                  <img class="change-img" src="<?php echo($img_arr[$i][3]); ?>" data-bigsrc="<?php echo($img_arr[$i][0]); ?>" alt="<?php echo $img_arr[$i][1]; ?>" />
                </div>
                <div class="orbit-caption">
                  <?php echo($img_arr[$i][2]); ?>
                </div>
              </li>
            <?php endfor; ?> 
          </ul>
        </div>
 function changeImageSize() {
  if (Modernizr.mq('only screen and (min-width: 768px)') || (navigator.userAgent.match(/MSIE 8/i)))   {
    $j.each($j('#page-slider img'), function(index, value) {
      var bigSrc = $j(this).attr("data-bigsrc");
      $j(this).attr("src", bigSrc);
    });
  }
}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content