Menu icon Foundation

My Posts

No Content

My Comments

Keith Pickett commented on Ubiratan Cunha's post over 5 years

Rafi:
Is there any way we can view your source? Viewing source from your Codepen links doesn't yield anything useful.
-Keith

Keith Pickett commented on rohitya's post over 5 years

Rafi:
Is there a way to view the markup for this?
Thanks,
Keith

Keith Pickett commented on rohitya's post over 5 years

Hi All,
I tried the suggestions above with placing the thumbnail code within the slider tag, but all I get is a row of bullets. Am I missing something? Perhaps an Orbit JS code init variable, maybe? Here is my code:

<div class="row list-item listing3">
    <div class="large-12 columns">
        <div class="row">
            <div class="large-6 columns list-left">
                <ul class="photo-slider thumbs" data-orbit data-options="timer:false;">
                    <?php
                    $lppp = 0;
                    foreach($arrImages['images'] as $slimg) {

                    ?>
                         <li data-orbit-slide="slide-<?php echo $lppp;?>"><img src="<?php echo $slimg; ?>" /></li>
                    <?php
                        $lppp++;
                    }
                    ?>
<li>
     <ul class="small-block-grid-4">
        <li><a data-orbit-link="slide-<?php echo $lppp; ?>" href="javascript:;">
        <img src="<?php echo $slimg; ?>" />
    </a>
</li>
      </ul>
  </li>
            </ul>
</div><!-- .list-left -->

Note: I am pulling images from a JSON file (into a PHP array) for a design concept. Sorry if it is confusing. I'm not familiar with this forum site, so I'm not sure how to post an image. Here is a cloud link to the result: https://www.evernote.com/shard/s12/sh/872a51b9-4748-45c7-b611-6c1e2233d678/fe5650c6de1c135034e42d2d047b6498
Any suggestion is appreciated.
Thanks,
Keith

Posts Followed



Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Ubiratan Cunha's post over 5 years

Rafi:
Is there any way we can view your source? Viewing source from your Codepen links doesn't yield anything useful.
-Keith

You commented on rohitya's post over 5 years

Rafi:
Is there a way to view the markup for this?
Thanks,
Keith

You commented on rohitya's post over 5 years

Hi All,
I tried the suggestions above with placing the thumbnail code within the slider tag, but all I get is a row of bullets. Am I missing something? Perhaps an Orbit JS code init variable, maybe? Here is my code:

<div class="row list-item listing3">
    <div class="large-12 columns">
        <div class="row">
            <div class="large-6 columns list-left">
                <ul class="photo-slider thumbs" data-orbit data-options="timer:false;">
                    <?php
                    $lppp = 0;
                    foreach($arrImages['images'] as $slimg) {

                    ?>
                         <li data-orbit-slide="slide-<?php echo $lppp;?>"><img src="<?php echo $slimg; ?>" /></li>
                    <?php
                        $lppp++;
                    }
                    ?>
<li>
     <ul class="small-block-grid-4">
        <li><a data-orbit-link="slide-<?php echo $lppp; ?>" href="javascript:;">
        <img src="<?php echo $slimg; ?>" />
    </a>
</li>
      </ul>
  </li>
            </ul>
</div><!-- .list-left -->

Note: I am pulling images from a JSON file (into a PHP array) for a design concept. Sorry if it is confusing. I'm not familiar with this forum site, so I'm not sure how to post an image. Here is a cloud link to the result: https://www.evernote.com/shard/s12/sh/872a51b9-4748-45c7-b611-6c1e2233d678/fe5650c6de1c135034e42d2d047b6498
Any suggestion is appreciated.
Thanks,
Keith

Posts Followed



Following

  • No Content

Followers

  • No Content