solved Site Builder Image Slideshow

derrickhand300
@derrickhand300
9 years ago
1,353 posts
Is there a way that I can add an image slideshow to the home page of my site builder site so that anytime an image is uploaded its displayed in the slideshow?
updated by @derrickhand300: 12/22/16 11:55:59AM
brian
@brian
9 years ago
10,149 posts
I wouldn't be a slideshow per se, but you could do an Item List for your gallery images and order by _item_id DESC - that would show the latest images.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Yes thats what I have now-I am really wanting an auto play slide show that gets the images when I upload them to the site. I have 3rd party software like WOW Slider byt thats a big hassle to host the files and change the code each day...have you ever heard of an plugins for tinymce ( free or paid) that offer to embed a slideshow of images?
brian
@brian
9 years ago
10,149 posts
derrickhand300:
Yes thats what I have now-I am really wanting an auto play slide show that gets the images when I upload them to the site. I have 3rd party software like WOW Slider byt thats a big hassle to host the files and change the code each day...have you ever heard of an plugins for tinymce ( free or paid) that offer to embed a slideshow of images?

Unfortunately I've not really looked around for anything like that. Not sure if this would be something easy to support in our gallery image slider, but we can check it out.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Thank you again!
michael
@michael
9 years ago
7,791 posts
not really site builder per se, but you could use the Template Code widget to add in whatever the template code was that built the thing you're after.
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Curtis are you talking about just the images that get uploaded to the site's /gallery section? and uploaded only by you, or by any member?
..and what the heck is that, a raw chicken? l o l


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
derrickhand300
@derrickhand300
9 years ago
1,353 posts
Yes just by me- the site I am using JR for is not a membership site. I am using JR as just a regular website-I like it because I can use all the media features and things so i am the only "Member" or quota- so when I upload an image ( because I am the only person that does so) i would like it to show on the main page of the site....its a "Sea Pig"...a favorite of Michaels :) Not to be confused with a land pig
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
...and you want the site images to keep rotating in an animated slideshow on your main page?
I understand that you currently must load each new image into your WOW slider, but why are you having to 'change the code' each day?


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
derrickhand300
@derrickhand300
9 years ago
1,353 posts
The images have to upload to the wow slider folder- then are called using the wow slider code
So each time I upload new images to the site I would have to open the wow slider program and generate new code for the folders "data1" and "engine1"...at least thats the only way i have figured out how to do it...The WowSlider is really cool but only if you plan on making a series of images that are not going to change for a long time..
PS I added a TIP a moment ago on how to add spellcheck to your tinymce editor- I think like me you were also looking for that enhancement awhile back- its really a simple thing to do- hope it helps
derrickhand300
@derrickhand300
9 years ago
1,353 posts
BTW-Michaels tip above is something i have considered ever since switching to the NEW sitebuilder but I have never quite been able to wrap my brain completely around the process :)
Strumelia
Strumelia
@strumelia
9 years ago
3,603 posts
Yeah that's a cool spellcheck tip. I don't use Sitebuilder however, so I'd have to figure it out differently.

I use a 3rd party ad slider (actually, I added two of them side by side) on my main page. It's very cheap, and I only have to go to my slider webpage to add/remove my images when I want...but I don't have to change any code at all when doing this. You can make it any size, speed, effects, etc. If you want to see it in action: fotmd.com
I like it because I didn't have to figure out much and it's easy to edit. Maybe not what you want though.

sea pig.... http://ih1.redbubble.net/image.9989568.2837/flat,1000x1000,075,f.jpg


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

updated by @strumelia: 03/14/16 09:03:27AM
derrickhand300
@derrickhand300
9 years ago
1,353 posts
I will check it out THANKS! I think the spellcheck would work fine outside of sitebuilder- you would just need to add the code to a different template other than site builder- maybe one of the JR guys can point that out
douglas
@douglas
9 years ago
2,800 posts
Are you using the Site Builder module?

If so, you can add this to the "Template Code" widget:

{capture name="slider_template" assign="slider_template"}
    {literal}
    	{if isset($_items)}
		    {foreach from=$_items item="row"}
        		<li><a href="{$jamroom_url}/{$row.profile_url}/{jrCore_module_url module="jrGallery"}/{$row._item_id}/{$row.gallery_title_url}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$row._item_id size="xxlarge" crop="auto" alt=$row.gallery_image_name title=$row.gallery_image_name style="max-width:725px;"}</a><p class="caption"><a href="{$jamroom_url}/{$row.profile_url}/{jrCore_module_url module="jrGallery"}/{$row._item_id}/{$row.gallery_title_url}"><span style="color:#FFF;">{$row.gallery_image_name}</span></a></p></li>
		    {/foreach}
		{/if}
    {/literal}
{/capture}    

<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
            maxwidth: 725,       // Integer: Max-width of the slideshow, in pixels
            pause: true,         // Boolean: Pause on hover, true or false
            namespace: "rslides" // String: change the default namespace used
        });
    });
</script>

<div class="block_content">
    <div id="swrapper" style="padding-top:10px;">
        <div class="callbacks_container">
            <div class="ioutline">
                <ul id="slider1" class="rslides callbacks">
                    {jrCore_list module="jrGallery" order_by="_item_id desc" limit="10" template=$slider_template require_image="profile_image"}
                </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>

and that will give you an image slider like the Elastic skin.

If your not using the Site Builder, just add that code to the template you want it to show on.

Note: You may need to adjust the width and cropping.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
derrickhand300
@derrickhand300
9 years ago
1,353 posts
THANK YOU- cant wait to try it out!
derrickhand300
@derrickhand300
9 years ago
1,353 posts
This works perfect Douglas- I appreciate that you took the time to share it! You really have been a great help to me here in the forum
Thank you once again!
douglas
@douglas
9 years ago
2,800 posts
Your welcome, glad it worked for you. :)


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Tags