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.

Slideshow

3 posters

Go down

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
dgrey
dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

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...
ioncube
ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

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..
dgrey
dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Slideshow Empty Re: Slideshow

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

ioncube
ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

Slideshow Empty Re: Slideshow

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

this will not work :/
dgrey
dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Slideshow Empty Re: Slideshow

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

Gangstar15
Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

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 ?
dgrey
dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

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
ioncube
ioncube
Forumember

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

http://defencedog.blogspot.com/

Back to top Go down

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 ?
dgrey
dgrey
Forumember

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

http://modifiedrides.7forum.info/

Back to top Go down

Back to top

- Similar topics

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