I need to create an list of images with twitter bootstrap so I write:
<?php osc_run_hook('item_detail', osc_item() ) ; ?>
<?php if( osc_images_enabled_at_items() && (osc_count_item_resources() > 0) ) { ?>
<div class="row hidden-xs" id="mediaCarouselThumbs" style="padding: 15px;">
<?php $itemCount = osc_count_item_resources(); ?>
<?php for($i = 0; $i < $itemCount; $i++) { ?>
<div class="pull-left" style="width: 11.11%;">
<a href="#" data-target="#mediaCarousel" data-slide-to="<?php echo $i;$i+1;?>" class="thumbnail" style="background-image: url(<?php echo osc_resource_url(); ?>);"> </a>
</div><?php } ?>
<!---->
</div>
<?php } ?>
All is fine but echo osc_resource_url(); dont give me the right url and dont change it in the loop, also with $i is everything fine and work well... So after raun this code I get:
<div class="row hidden-xs" id="mediaCarouselThumbs" style="padding: 15px;">
<div class="pull-left" style="width: 11.11%;">
<a href="#" data-target="#mediaCarousel" data-slide-to="0" class="thumbnail" style="background-image: url(http://dive.agroagro.com/0.);"> </a>
</div> <div class="pull-left" style="width: 11.11%;">
<a href="#" data-target="#mediaCarousel" data-slide-to="1" class="thumbnail" style="background-image: url(http://dive.agroagro.com/0.);"> </a>
</div> <div class="pull-left" style="width: 11.11%;">
<a href="#" data-target="#mediaCarousel" data-slide-to="2" class="thumbnail" style="background-image: url(http://dive.agroagro.com/0.);"> </a>
</div> <!---->
</div>
What I need to do to change image URL on every loop. Thanks and sorry for my english.