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.

Slideshow

View previous topic View next topic Go down

Slideshow

Post by dgrey on 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

dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Re: Slideshow

Post by ioncube on 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...

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Re: Slideshow

Post by dgrey on 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..

dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Re: Slideshow

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


ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Re: Slideshow

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

this will not work :/

dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Re: Slideshow

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


Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

Re: Slideshow

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

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

dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Re: Slideshow

Post by ioncube on 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

ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Re: Slideshow

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

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

dgrey
Forumember

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

http://modifiedrides.7forum.info/

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