sweetandsoundHello,
I have been working on a featured gallery for a website which shows either a vimeo video or image through the custom fields template.
I have made it work for an object to show in the gallery, but can't create a conditional script that will show either a video or an image depending on what is entered.
Below is the code i've made for the gallery. Any help in the right direction would be greatly appreciated!
/**
* jQuery Scrollable
*/
function isys_scrollable( $cat = 4, $entry_id = 4, $orderby = 'date' ){
// default start
$start = 1;
?>
<section class="image-slider clearfix">
<div class="scrollable" id="scrollable-1">
<div class="items">
<?php
// get all available items
$_query = new WP_Query(array('cat' => $cat, 'posts_per_page' => 100, 'post_status' => 'publish', 'orderby' => $orderby, 'order' => 'ASC'));
if($_query->have_posts()):
$_items = array();
$i = 1;
while($_query->have_posts()): $_query->the_post();
// start
if( get_the_ID() == $entry_id ): $start = $i; endif;
// items
$_items[ $i++ ] = array(
'id' => get_the_ID(),
'permalink' => get_permalink(),
'image' => get_post_custom_values('Image'),
'vimeo' => get_post_custom_values('Vimeo'),
'title' => get_post_custom_values('Title'),
'subtitle' => get_post_custom_values('Subtitle'),
'excerpt' => get_the_excerpt()
);
endwhile;
endif;
// splice and rearrange items
$slice = array_splice($_items, 0, $start);
array_splice($_items, count($_items), 0, $slice);
?>
<?php if( count($_items) > 0 ): $i = 0; $_count = count( $_items ); foreach( $_items as $_item ): ?>
<?php if( $i == 0 OR $i%1 == 0 ): ?>
<ul>
<?php endif; ?>
<li><a href="<?php print $_item['permalink']; ?>"><div class="entry-preview"><span><img src="<?php print $_item['image'][0]; ?>" style="width:605px; height:340px; z-index:1001; style="margin-top:-300px;"></span><div class="entry-customfield-vimeo" style="margin-top:0px; z-index:-1; overflow:visible;"><iframe src="http://player.vimeo.com/video/<?php print $_item['vimeo'][0]; ?>?autoplay=0" width="605" height="340" frameborder="0" style="z-index:-1;"></iframe></a> <div class="custom-field-title"><?php print $_item['title']['0']; ?><br><span><?php print $_item['subtitle']['0']; ?></span><div class="gallery-excerpt"><span><?php print $_item['excerpt']; ?></span></div></div></div></div>
</li>
<?php $i++; if( ( $i == $_count ) OR ( $i > 0 && $i%1 == 0 ) ): ?>
</ul>
<?php endif; ?>
<?php endforeach; endif; ?>
</div>
</div><!-- .scrollable -->
<span class="prev" style="top:163px;"></span>
<span class="next"></span>
</section><!-- .image-slider -->
<?php
}