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.
The forum of the forums
3 posters

    Slideshow

    dgrey
    dgrey
    Forumember


    Male Posts : 243
    Reputation : 0
    Language : English
    Location : Uk,Lancashire

    Slideshow Empty Slideshow

    Post by dgrey April 30th 2011, 5:16 pm

    How can i add this slide show to my website but edit it with diffrnt pics and text ect ??? http://www.modified.com/index.html
    ioncube
    ioncube
    Forumember


    Male Posts : 279
    Reputation : 41
    Language : eng
    Location : Pakistan

    Slideshow Empty Re: Slideshow

    Post by ioncube April 30th 2011, 11:09 pm

    if you want to another one I would help; but if you want specifically that you directed at sorry...
    dgrey
    dgrey
    Forumember


    Male Posts : 243
    Reputation : 0
    Language : English
    Location : Uk,Lancashire

    Slideshow Empty Re: Slideshow

    Post by dgrey May 1st 2011, 9:35 am

    i just want a slideshow like that for my homepage show i can show my members the latest cars ect..
    ioncube
    ioncube
    Forumember


    Male Posts : 279
    Reputation : 41
    Language : eng
    Location : Pakistan

    Slideshow Empty Re: Slideshow

    Post by ioncube May 1st 2011, 9:01 pm

    dgrey
    dgrey
    Forumember


    Male Posts : 243
    Reputation : 0
    Language : English
    Location : Uk,Lancashire

    Slideshow Empty Re: Slideshow

    Post by dgrey May 2nd 2011, 9:17 am

    this will not work :/
    Gangstar15
    Gangstar15
    Forumember


    Female Posts : 392
    Reputation : 163

    Slideshow Empty Re: Slideshow

    Post by Gangstar15 May 2nd 2011, 11:17 am

    dgrey
    dgrey
    Forumember


    Male Posts : 243
    Reputation : 0
    Language : English
    Location : Uk,Lancashire

    Slideshow Empty Re: Slideshow

    Post by dgrey May 2nd 2011, 11:50 am

    aha love that mate Smile is there someone that can do this for me ?
    ioncube
    ioncube
    Forumember


    Male Posts : 279
    Reputation : 41
    Language : eng
    Location : Pakistan

    Slideshow Empty Re: Slideshow

    Post by ioncube May 2nd 2011, 8:29 pm

    Trying from my side... its a demo; the appearance of your forum may distort slightly ...dont get confused
    add this as widget or if you can add this in your forum header; & see if it works...


    Code:
       <script src="http://defencedog.fileave.com/slider2/jquery.min.js"></script>
       <script src="http://defencedog.fileave.com/slider2/slides.min.jquery.js"></script>
       <script>
          $(function(){
             // Set starting slide to 1
             var startSlide = 1;
             // Get slide number if it exists
             if (window.location.hash) {
                startSlide = window.location.hash.replace('#','');
             }
             // Initialize Slides
             $('#slides').slides({
                preload: true,
                preloadImage: 'http://defencedog.fileave.com/slider2/loading.gif',
                generatePagination: true,
                play: 5000,
                pause: 2500,
                hoverPause: true,
                // Get the starting slide
                start: startSlide,
                animationComplete: function(current){
                   // Set the slide number as a hash
                   window.location.hash = '#' + current;
                }
             });
          });
       </script>
       <link rel="stylesheet" href="http://defencedog.fileave.com/slider2/global.css">
    <div id="container">
          <div id="example">
             <div id="slides">
                <div class="slides_container">
                   <div class="slide">
                      <h1>First Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#4" class="link">Check out the fourth slide &rsaquo;</a></p>
                   </div>
                   <div class="slide">
                      <h1>Second Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#5" class="link">Check out the fifth slide &rsaquo;</a></p>
                   </div>
                   <div class="slide">
                      <h1>Third Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#1" class="link">Check out the first slide &rsaquo;</a></p>
                   </div>
                   <div class="slide">
                      <h1>Fourth Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#6" class="link">Check out the sixth slide &rsaquo;</a></p>
                   </div>
                   <div class="slide">
                      <h1>Fifth Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#7" class="link">Check out the seventh slide &rsaquo;</a></p>
                   </div>
                   <div class="slide">
                      <h1>Sixth Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#1" class="link">Check out the first slide &rsaquo;</a></p>
                   </div>
                   <div class="slide">
                      <h1>Seventh Slide</h1>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
                      <p><a href="#3" class="link">Check out the third slide &rsaquo;</a></p>
                   </div>
                </div>
                <a href="#" class="prev"><img src="http://defencedog.fileave.com/slider2/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
                <a href="#" class="next"><img src="http://defencedog.fileave.com/slider2/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
             </div>
             <img src="http://defencedog.fileave.com/slider2/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
          </div>


    well I cam help you; but I think I can't make this happen in your header or homepage because it requires some HTML editing.
    see this for example [have added some extra things] http://engineering.forumotions.info/h1-video-tutorials
    However; If you so desire this slideshow with all its beauties can be setup in a separate HTML page; which will be linked (not shown) on the homepage. Thus you have to click the respective button to go to the page created were slideshow resides
    ...
    also tell me did you tried to implement this in your forumotion & what happened then
    dgrey
    dgrey
    Forumember


    Male Posts : 243
    Reputation : 0
    Language : English
    Location : Uk,Lancashire

    Slideshow Empty Re: Slideshow

    Post by dgrey May 6th 2011, 3:09 pm

    can i add this to my portal ? And do i just add my own pics ect ?

      Current date/time is May 20th 2024, 4:05 am