Image Slider on Elastic?
Design and Skin Customization
Templates have more flexibility than Site Builder. With templates you can do anything, with Site Builder you are limited to the widgets that currently exist.
You can have a slider via:
SITE BUILDER -> ADD WIDGET -> UPLOADED IMAGES -> (upload some images and check the checkboxes)
If there are multiple images they will appear in a slider the same as the elastic one. Just they wont be linked to the profiles.
---
Another way to do it would be to use the TEMPLATE CODE widget and just add the stuff from the elastic skin to make the profile slider. Here's the condensed version:
<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: 560, // Integer: Max-width of the slideshow, in pixels
namespace: "rslides" // String: change the default namespace used
});
});
</script>
<div id="swrapper" style="padding-top:10px;">
<div class="callbacks_container">
<div class="ioutline">
<ul id="slider1" class="rslides callbacks">
{jrCore_list module="jrProfile" order_by="_item_id desc" limit="10" search1="profile_active = 1" template="index_featured_slider.tpl" require_image="profile_image"}
</ul>
</div>
</div>
<div class="clear"></div>
</div>SITE BUILDER -> ADD WIDGET -> TEMPLATE CODE
And it will get the slider.