Ich habe hier auf die schnelle, die Slideshow mit unserem generator neu gemacht:
Dieser Code kommt in den Header Bereich, oder am Anfang der Textseite:
Code: Alles auswählen
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
div.nh-bgcarousel{
background: black url("http://homepagehelfer.net/tools/generator/daten/nhslide/nh-drache-load.gif") center center no-repeat;
width:500px;
height:376px;
border: 0px hidden ;
}
img.navbutton{
margin:5px;
opacity:0.7;
}
div.slide{
background-color: black;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: black;
}
div.selectedslide{
}
div.slide div.desc{
position: absolute;
color: #38DE38;
left: 40px;
top: 200px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a;
z-index:5;
}
div.selectedslide div.desc{
}
div.slide div.desc h6{
font-size:150%;
margin:0;
}
div.slide div.desc a{
color:yellow;
text-decoration:none;
}
</style>
<script src="http://homepagehelfer.net/tools/generator/daten/nhslide/nh-bgcarousel.js" type="text/javascript">
/***********************************************
* Background Image Carousel- (c) www.HomepageHelfer.org
* Generated and Modifay by HomepageHelfer Slideshow Generator
* Orginal Script by www.Dynamicdrive.com
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
</script>
<script type="text/javascript">
var firstbgcarousel=new bgCarousel({
wrapperid: 'Name',
imagearray: [['http://www.ploenerpioniere.de//files/images/mgb_1.jpg', 'MGB Zg angetreten'],
['http://www.ploenerpioniere.de//files/images/mgb_2.jpg', 'Medium Girder Bridge'],
['http://www.ploenerpioniere.de//files/images/mgb_3.jpg', 'PiPz Dachs'],
['http://www.ploenerpioniere.de//files/images/mgb_4.jpg', 'MGB'],
['http://www.ploenerpioniere.de//files/images/mgb_5.jpg', 'MGB'],
['http://www.ploenerpioniere.de//files/images/mgb_6.jpg', 'Berthold bekommt feuchte Augen'],
['http://www.ploenerpioniere.de//files/images/mgb_7.jpg', 'MGB'],
['http://www.ploenerpioniere.de//files/images/mgb_8.jpg', 'Teamarbeit ist angesagt'],
['http://www.ploenerpioniere.de//files/images/mgb_9.jpg', 'MGB'],
['http://www.ploenerpioniere.de//files/images/mgb_10.jpg', 'MGB'],
['http://www.ploenerpioniere.de//files/images/mgb_11.jpg', 'Knochenarbeit'],
['http://www.ploenerpioniere.de//files/images/mgb_12.jpg', 'MGB']],
displaymode: {type:'auto', pause:2500, cycles:0, stoponclick:false, pauseonmouseover:true},
navbuttons: ['http://homepagehelfer.net/tools/generator/daten/nhslide/nh-left.gif', 'http://homepagehelfer.net/tools/generator/daten/nhslide/nh-right.gif', 'http://homepagehelfer.net/tools/generator/daten/nhslide/nh-up.gif', 'http://homepagehelfer.net/tools/generator/daten/nhslide/nh-down.gif'],
activeslideclass: 'selectedslide',
orientation: 'h',
persist: true,
slideduration: 500
})
</script>
Und dieser Hier dort hin wo die Slideshow angezeigt werden soll:
<div id="Name" class="nh-bgcarousel"></div>
Um eine schönere Slideshow zu machen einfach
hier sich austoben und an den Details arbeiten!
MFG