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, // Boolean: Animate automatically, true or false
speed: 400, // Integer: Speed of the transition, in milliseconds
timeout: 4000, // Integer: Time between slide transitions, in milliseconds
pager: true, // Boolean: Show pager, true or false
random: true, // Boolean: Randomize the order of the slides, true or false
pause: true, // Boolean: Pause on hover, true or false
maxwidth: 1120, // Integer: Max-width of the slideshow, in pixels
maxheight: 400, // Integer: Max-height of the slideshow, in pixels
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.