investigating Slider of images

alt=
@restmin
9 years ago
114 posts
If I wanted to add a feature of images sliding --with each linked to a forum post--how would I go about editing the template?

I am used to editing php files for WP and such, but am still getting used to the files here.

I have found sites like http://wowslider.com/ that give you the html.

Is there a way that makes more sense to do this?

I am using the image slider for profiles--perhaps a way to use this? I want my images to be able to link to a forum topic/thread, however. thank you!


updated by @restmin: 05/14/15 06:24:02PM
SteveX
SteveX
@ultrajam
9 years ago
2,584 posts
This is from jrElastic index.tpl:
{jrCore_list module="jrProfile" order_by="_created desc" limit="10" search1="profile_active = 1" template="index_featured_slider.tpl" require_image="profile_image"}
That's just the jrCore_list function for listing the items in the slider, you;d need to copy the javascript from index.tpl as well.

You would change that to something like this to link to a blog post, so change that to work with the forum:
{jrCore_list module="jrBlog" order_by="_created desc" limit="10" search1="profile_active = 1" template="my_custom_slider.tpl" require_image="blog_image"}

jrElastic index_featured_slider.tpl looks like this:
{if isset($_items)}
    {foreach from=$_items item="row"}
        <li><a href="{$jamroom_url}/{$row.profile_url}">{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id=$row._profile_id size="xxlarge" crop="auto" class="img_scale" alt=$row.profile_name title=$row.profile_name}</a><p class="caption"><a href="{$jamroom_url}/{$row.profile_url}"><span style="color:#FFF;">{$row.profile_name}</span></a></p></li>
    {/foreach}
{/if}

You would copy that to my_custom_slider.tpl and change it to something like this (swapping out jrBlog for jrForum):
{if isset($_items)}
	{jrCore_module_url module="jrBlog" assign="murl"}
    {foreach from=$_items item="row"}
        <li><a href="{$jamroom_url}/{$row.profile_url}/{$murl}/{$row._item_id}/{$row.blog_title_url}">{jrCore_module_function function="jrImage_display" module="jrBlog" type="blog_image" item_id=$row._item_id size="xxlarge" crop="auto" alt=$row.blog_title title=$row.blog_title class="iloutline iindex"}</a><p class="caption"><a href="{$jamroom_url}/{$row.profile_url}/{$murl}/{$row._item_id}/{$row.blog_title_url}" class="media_title">{$row.blog_title}</a></p></li>
    {/foreach}
{/if}



--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

updated by @ultrajam: 04/06/15 02:45:41PM
alt=
@restmin
9 years ago
114 posts
wow!! thank you for going the extra mile! I will try it and let you know if I run into any bumps.
michael
@michael
9 years ago
7,748 posts
The Construction Kit module has a slider in it for Site Builder. Activate that and access it via the embed button in the widget editor. You can slide rotate profiles or images.
derrickhand300
@derrickhand300
9 years ago
1,353 posts
I use wow slider myself as a paid slider and really happy with it- loaded with effects and options
*Add the scripts to your meta data
*Upload the files to your server
*Add the embed code

Here is an example page with a WOW slider
http://drillingahead.com/videos
updated by @derrickhand300: 04/07/15 03:09:16AM
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Curtis, that's way cool. When the dust settles from my migration, I
m going to add a rotating ad slider to my music site too, and it'll pay for my site beyond my usual member donations. Maybe you can help advise me a bit when the time comes...my needs would be waaaay simple. Thanks for the tip!


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
SteveX
SteveX
@ultrajam
9 years ago
2,584 posts
This is one I like:
http://kenwheeler.github.io/slick/


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
This is all awesome- I have a folder of all these suggestions- when the time comes I will be able to do it myself! :)



--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

updated by @strumelia: 04/08/15 12:47:43PM
alt=
@restmin
9 years ago
114 posts
thanks, everyone! I will chime back in when I make progress. you've been awesome!
SteveX
SteveX
@ultrajam
9 years ago
2,584 posts
This is a good article if you want to understand exactly what is going on with a carousel:
http://christianheilmann.com/2015/04/08/keeping-it-simple-coding-a-carousel/


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Thank you Steve!! Stuff I can actually understand! :)


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
douglas
@douglas
9 years ago
2,793 posts
This one is being used in the MediaPro skins.

http://www.woothemes.com/flexslider/


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
A Jamroom module with a simple slider would be so great. Those of us with lame coding skills could then tell it how many columns wide, how tall (the picture dimensions we want it for), and then we could just upload the .jpgs. We could add hotlinks to each slide, and have a simple way to add & delete slides to keep them updated as our ad buyers purchase time slots from us. I don't care if the buying is all conducted separately through me and my paypal- easy enough to keep track of myself.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
alt=
@restmin
9 years ago
114 posts
@strumelia , you are speaking my language. I have been spoiled by all the WP plugins for years...

I want to use a slider to make some images of the hot topics every couple weeks, in the forums and then link the sliders to the forums.

My audience has gotten stuck in the rut of a lot of conversation in groups that is quick posts and replies and less solid "value" of individual posts.

The new people could really use a solid, helpful forum for common topics to feel, as they are gradually finding their way around. I know the images/links would help forums become a bit more interesting.

Which is why they use them in forums like http://www.cafemom.com/
brian
@brian
9 years ago
10,148 posts
Strumelia:
A Jamroom module with a simple slider would be so great. Those of us with lame coding skills could then tell it how many columns wide, how tall (the picture dimensions we want it for), and then we could just upload the .jpgs. We could add hotlinks to each slide, and have a simple way to add & delete slides to keep them updated as our ad buyers purchase time slots from us. I don't care if the buying is all conducted separately through me and my paypal- easy enough to keep track of myself.

The new Site Builder already supports this, so you should be set once it is released.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
alt=
@restmin
9 years ago
114 posts
@brian. oh.... happy dance.....!

Tags