Login | Sign up | Toll-Free: 1-800-752-0455
 
 

Forum

 

5 posts by 2 authors in: Forums > CMS Builder
Last Post: April 7, 2017

Try this?

<ul id="product-slider" class="product-item-slider product-image">

<?php foreach ($marineRecord['gallery'] as $upload): ?>
<li class="item hoverStyle" data-thumb="<?php echo $upload['thumbUrlPath'] ?>" valign="middle">
<img src="<?php echo $upload['urlPath'] ?>">
</li>
<?php endforeach ?>

</ul>

Cheers,

Tim Forrest
Toledoh Enterprises
www.toledoh.com.au

Thanks so much, Tim. That does the job; e.g. http://www.masselsmarine.com/2017/marineBoatsDetail.php?16-Xterminator-D-177.

As you can see, though, the imported images are distorted when they're the main one that's displayed. Do you think that might be a stylesheet issue?

Attachments:

default.css 61K

Yeah.

Try changing 

.product-image .item img {

  1. width100%;
  2. height100%;

}

to 

.product-image .item img {

  1. width100%;
  2. heightauto;

}

but there may be some required dimensions for the images?

Cheers,

Tim Forrest
Toledoh Enterprises
www.toledoh.com.au

Perfect! http://www.masselsmarine.com/2017/marineBoatsDetail.php?16-Xterminator-D-177

Thank you so much. Really do appreciate your help.