Profile Layouts
Design and Skin Customization
I have it working now using static images, using the three fields.
Probably not the best implemtation and still have to perform a check to see if any cover images are present, if not hide slider.
<script type="text/javascript">
$(function () {
$("#slider1").responsiveSlides({
auto: true,
speed: 400,
timeout: 4000,
pager: true,
random: true,
pause: true,
maxwidth: 1120,
maxheight: 400,
namespace: "rslides" // String: change the default namespace used
});
});
</script>
{* Profile Cover Image Slider *}
<div class="block_content">
<div style="padding-top: 0px">
<div class="callbacks_container">
<div class="">
<ul id="slider1" class="rslides callbacks">
{if isset($profile_cover_image_name)}
{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_cover_image" item_id=$_profile_id size="xxlarge" class="img_scale img_shadow" alt=$profile_name width=false height=false}
{/if}
{if isset($profile_cover_image2_name)}
{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_cover_image2" item_id=$_profile_id size="xxlarge" class="img_scale img_shadow" alt=$profile_name width=false height=false}
{/if}
{if isset($profile_cover_image3_name)}
{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_cover_image3" item_id=$_profile_id size="xxlarge" class="img_scale img_shadow" alt=$profile_name width=false height=false}
{/if}
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
One field for multiple images would be nice and given how many things I have now added to form designer, I have some suggestions for it, which I will put in a different thread as well.
Click and drag to sort fields
Clone Field
1 field that allows multiple uploads.