Slideshow
3 posters
Page 1 of 1
Slideshow
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
Re: Slideshow
if you want to another one I would help; but if you want specifically that you directed at sorry...
Re: Slideshow
i just want a slideshow like that for my homepage show i can show my members the latest cars ect..
Re: Slideshow
ok try this; & then let me know
http://defencedog.fileave.com/nathansearles-Slides-7a098dc.zip
http://defencedog.fileave.com/nathansearles-Slides-7a098dc.zip
Re: Slideshow
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...
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
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 ›</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 ›</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 ›</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 ›</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 ›</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 ›</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 ›</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
Similar topics
» Caption Slideshow and Link from Slideshow
» add red slideshow or Blue Slideshow
» Slideshow
» SLIDESHOW
» Slideshow Help
» add red slideshow or Blue Slideshow
» Slideshow
» SLIDESHOW
» Slideshow Help
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum