How do I get slider to cope with lots of media? « Support Forum | Kriesi.at

Support Forum » Shoutbox

How do I get slider to cope with lots of media?

13 posts from 3 voices

Started 1 year ago by demozeno
Latest reply from Dude
This topic is closed
This topic is resolved

Tags:

demozeno
Member

What I was hoping to do with the Featured Post Slider is load it with lots of images and video – maybe four images and one video for each featured post (I had planned to have 80 featured posts) – but halfway through doing this I noticed that the Home page was loading very, very slowly, which I figured was because it was struggling with all the media in the slider. Indeed, when I turned published posts into draft posts and lightened the burden on the slider, the Front page was loading fine again.

However, I'd still like to attach a gallery containing four images and one video to each featured post, so need to know if there's a way I can do this with the theme so all the media would show up not on the Front page – which doesn't seem capable of loading so much media – but in each individual post instead.

Is there a way to use the Shoutbox slider – or maybe the Template Builder – to do this, i.e. one featured post image but four/five images/videos within the post? Or is my only alternative to find an external plugin that allows me to insert media into post?

Thanks

Posted 1 year ago #
demozeno
Member

I've been trying to resolve this myself with plugins – what I want is to get a video gallery in each post – but, frustratingly, the plugins I've been trying seem to conflict with the theme. The Laboreal Video Gallery plugin knocks out the Shoutbox Feature Slider, while the VideoGall plugin brings up the following message when you try and play a video in the gallery: "Image cannot be loaded. Make sure the path is correct and image exist."

I don't know if what's going on is a theme or plugin issue. Any similar issues in the past? All I want is to use a simple video gallery in each post. Doesn't seem too much to ask. Any help greatly appreciated. Thanks.

Posted 1 year ago #
demozeno
Member

Update: I've been in touch with the VideoGall plugin author and he suggested that his plugin was clashing with another media plugin with a lightbox I might have uploaded. But I'd thought of that and deactivated all my other media plugins, so that the only other media player I had working is the one with the theme. Is it possible that the VideoGall plugin clashes with the theme media player? Would all external media players have the same problem? Is there a way to play videos in theme posts? Here's what the plugin author wrote to me:

'Aahh .. figured out your problem. You have another lightbox kind of plugin which is clashing with the videogall plugin. Your video thumbnail images are using that lightbox plugin to open and hence throwing that error message.
Disable that lightbox plugin and you won’t see that message again. Otherwise figure out a way to make sure that the video thumbnail images do not open in that lightbox plugin.'

Posted 1 year ago #
demozeno
Member

I haven't provided a link for you to see exactly what I'm on about. Here it is: http://golovegreece.com/rhodes/

Thanks

Posted 1 year ago #
demozeno
Member

After some more discussion with the VideoGall plugin author, we've pretty much concluded that the most likely reason for his plugin getting the message described above is because the plugin clashes with the inbuilt lightbox plugin contained in the Shoutbox theme. Therefore, the question becomes, is there a way to disable the lightbox feature in the slider? An answer to this would be greatly appreciated. Thanks

Posted 1 year ago #

Dude
Dude

Hi!

Yes - you just need to delete following code in js/avia.js:

//activates the prettyphoto lightbox
	if(jQuery.fn.avia_activate_lightbox)
	jQuery('body').avia_activate_lightbox();

Best regards,
Peter

Posted 1 year ago #

demozeno
Member

Thanks Peter; this seems to do the trick. However, can I ask one more question. Since I'm not that familiar with code, what is the best way to delete this code? Do I just cut it from the file altogether – which would lose the code for good – or is there a way just to disable the code, and if there is a way to disable the code, is this done in the avia/js file or in custom.css?

Apologies for continuing to hassle you with questions, but I'm completely new to this. Help is greatly appreciated.

Posted 1 year ago #
rumblefish
Member

I think you can just comment it out, by placing // in front of the code sections. You edit it in the .js file that Dude mentioned.

Posted 1 year ago #
demozeno
Member

When you say place // in front of code sections, where exactly do you mean? Currently, the code reads:

//activates the prettyphoto lightbox
if(jQuery.fn.avia_activate_lightbox)
jQuery('body').avia_activate_lightbox();

so where would the extra // go.
I've tried putting // in different places, but to no avail.
Thanks

Posted 1 year ago #
rumblefish
Member

Try one before the if(jquery.fn...) and one before the jQuery ('body')...

Posted 1 year ago #

Dude
Dude

If you want to comment out the code replace:

//activates the prettyphoto lightbox
if(jQuery.fn.avia_activate_lightbox)
jQuery('body').avia_activate_lightbox();

with:

//activates the prettyphoto lightbox
// if(jQuery.fn.avia_activate_lightbox)
// jQuery('body').avia_activate_lightbox();

JS also supports block comments - they look like:

//activates the prettyphoto lightbox
/*
 if(jQuery.fn.avia_activate_lightbox)
 jQuery('body').avia_activate_lightbox();
*/

(write the code between /* and */ )

Posted 1 year ago #

demozeno
Member

Perfect. Thanks for the great support.

Posted 1 year ago #
Dude
Dude

Hi!

Glad that I could help you :)

Regards,
Peter

Posted 1 year ago #