We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Header with slideshow | Forum

Topic location: Forum home » Support » General Questions
JM Ruas
JM Ruas Dec 9 '16
Hi,

I would like to put the slideshow in the page header. Can someone help, please? Thank you.

dave Leader
dave Dec 9 '16
So you want it just on top of the content or way up on top in the actual header where the user menu is?


If you want it way up top of the dispay page, up by the user menu.  That will take either a custom code job or a plugin, i have not seen a plugin that does that.  But you might take a look at themes, there might be a theme that does that im not sure.  But check here.. 


https://developers.oxwall.com/store/search/theme?q=slideshow


If you just want it on top of the content (under the main menu) then you just click customize this page under main page and then put the slide show in the top content area. 

The Forum post is edited by dave Dec 9 '16
JM Ruas
JM Ruas Dec 11 '16
Thank you, Dave.


There are some slide show working in the background page. That's a non sense. 


The perfect place is where the header image appears. It could be easily changed by an animated gif, but the big file size is a problem.

JM Ruas
JM Ruas Dec 11 '16
Done. I made an animated gif from 5 images with 1.7 Mb (size very acceptable) and upload as a normal header background image.


So simple! :)

dave Leader
dave Dec 11 '16
Glad to hear you got it done...   You might think about adding a preload for that image if it lags. 
JM Ruas
JM Ruas Dec 12 '16
Thank you again!


How add a preload for the image? 


You can see here the result page: http://azores.one/az/

dave Leader
dave Dec 12 '16
Your welcome, here is a good example of preloading images using js.  You want to use the header content area in admin and be sure you add the script tag as well. 


See the example answer that has the green checkmark. 

http://stackoverflow.com/...cript-without-jquery


That is for multiple images so you can just set it to one image in the loop or modify it to just do one image.

The Forum post is edited by dave Dec 12 '16
JM Ruas
JM Ruas Dec 12 '16
Thank you :)


The attached image shows where I put the preload code. That's the place I found...

The Forum post is edited by JM Ruas Dec 12 '16
Attachments:
  preload.png (17Kb)
dave Leader
dave Dec 12 '16
That should do it, i have never done that before with oxwall but it looks like it should work just fine. Does that seem to load any faster?


Did you clear your cache via dev mode ?

The Forum post is edited by dave Dec 12 '16