The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to code slides?

4 posters

Go down

How to code slides? Empty How to code slides?

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

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

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

How to code slides? Empty Re: How to code slides?

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

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

^ Check that.
RsS.YuGi
RsS.YuGi
Forumember

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

http://resurrectionacademy.org

Back to top Go down

How to code slides? Empty Re: How to code slides?

Post by musket 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
musket
Helper
Helper

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

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

Back to top Go down

How to code slides? Empty Re: How to code slides?

Post by Kite Trojan 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
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

How to code slides? Empty Re: How to code slides?

Post by Kite Trojan 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
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

How to code slides? Empty Re: How to code slides?

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

Garbaged


How to code slides? Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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