The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to code slides?

View previous topic View next topic Go down

How to code slides?

Post by Kite Trojan on February 7th 2014, 2:29 am

http://www.resurrectionacademy.org/ how can i add that slide

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to code slides?

Post by RsS.YuGi on February 7th 2014, 3:08 am

The slider I'm using there is just a nivo slider.. o.o
http://help.forumotion.com/t105173-how-can-i-get-nivo-slider-with-orman-theme-box-animations#686395

^ Check that.

RsS.YuGi
Forumember

Male Posts : 120
Reputation : 4
Language : English
Location : Palestine

http://resurrectionacademy.org

Back to top Go down

Re: How to code slides?

Post by musket on February 7th 2014, 3:14 am

if you Google for https://www.google.co.uk/#q=slideshow+embed you will find a lot of host sites that do slideshows you just upload your art/photos and then get the embed code to add to your forum Smile

musket
Helper
Helper

Male Posts : 1130
Reputation : 131
Language : English
Location : Northern Ireland

http://hemmingsdaman2.forumotion.co.uk/

Back to top Go down

Re: How to code slides?

Post by Kite Trojan on February 7th 2014, 3:36 am

for the imgs, do i have to change the size to 700x300 I realized it has to be that size. the code ive devolped is having some issues:
Code:
<div style="width:700px;margin:40px auto;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:700px;height:300px;">
<img src="http://i56.servimg.com/u/f56/18/64/06/01/untitl12.jpg" alt="" /><img src="http://i.imgur.com/1v0sMU9.png" title="GDA V.1 Updates" alt="" /><img src="http://i.imgur.com/UYohoFD.png" alt="" />
</div>

</div>
<div id="http://i.imgur.com/UYohoFD.png" class="nivo-html-caption">
Mysterious 4th Dorm
</div>

</div>
<div id="http://i.imgur.com/1v0sMU9.png" class="nivo-html-caption">
GDA V.1 Updates
</div>

<div id="http://i56.servimg.com/u/f56/18/64/06/01/untitl12.jpg" class="nivo-html-caption">
Welcome to GDA
</div>

<p>
<script type="text/javascript">
jQuery(window).load(function(){
jQuery("#nivoslider-125").nivoSlider({
effect:"random",
slices:15,
boxCols:8,
boxRows:4,
animSpeed:500,
pauseTime:3000,
startSlide:0,
directionNav:true,
directionNavHide:true,
controlNav:true,
controlNavThumbs:false,
controlNavThumbsFromRel:true,
keyboardNav:true,
pauseOnHover:true,
manualAdvance:false
});
});
</script>
</p>
The code made the page a bit werid, it did not do what it was supposed to do. Instead, it just showed the image, image and then the last image and stopped at the first sub-forum, but I deleted it.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to code slides?

Post by Kite Trojan on February 7th 2014, 11:20 pm

bump i got the slides to work but now i need to add the captions to the first and the last one, any help? NVM Got it! Solved

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: How to code slides?

Post by SLGray on February 8th 2014, 12:51 am

Garbaged


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum