SLIDESHOW WITH TEXT SLIDES AND IMAGES

ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ
ΠΑΡΑΛΙΑ Νο 1
ΝΑΥΑΓΙΟ ΖΑΚΥΝΘΟΣ
ΖΑΚΥΝΘΟΣ
ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ
ΠΑΡΑΛΙΑ Νο 2
ΠΟΡΤΟ ΚΑΤΣΙΚΙ ΛΕΥΚΑΔΑ
ΛΕΥΚΑΔΑ
ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ
ΠΑΡΑΛΙΑ Νο 3
ΜΥΡΤΟΣ ΚΕΦΑΛΛΟΝΙΑ
ΚΕΦΑΛΛΟΝΙΑ
ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ
ΠΑΡΑΛΙΑ Νο 4
ΚΟΥΚΟΥΝΑΡΙΕΣ ΣΚΙΑΘΟΣ
ΣΚΙΑΘΟΣ
ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ
ΠΑΡΑΛΙΑ Νο 5
ΕΓΓΡΕΜΝΟΙ ΛΕΥΚΑΔΑ
ΛΕΥΚΑΔΑ
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<div id="slideshow">
<div id="sampletext">ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ</br>ΠΑΡΑΛΙΑ Νο 1</br>ΝΑΥΑΓΙΟ ΖΑΚΥΝΘΟΣ</div>
<div><img src="https://i.imgur.com/fiVofHI.jpg" alt="ΖΑΚΥΝΘΟΣ" width="960" height="600"></div>    
<div id="sampletext">ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ</br>ΠΑΡΑΛΙΑ Νο 2</br>ΠΟΡΤΟ ΚΑΤΣΙΚΙ ΛΕΥΚΑΔΑ</div>
<div><img src="https://i.imgur.com/rcivwQJ.jpg" alt="ΛΕΥΚΑΔΑ" width="960" height="600"></div>
<div id="sampletext">ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ</br>ΠΑΡΑΛΙΑ Νο 3</br>ΜΥΡΤΟΣ ΚΕΦΑΛΛΟΝΙΑ</div>
<div><img src="https://i.imgur.com/0nyxX2L.jpg" alt="ΚΕΦΑΛΛΟΝΙΑ" width="960" height="600"></div>
<div id="sampletext">ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ</br>ΠΑΡΑΛΙΑ Νο 4</br>ΚΟΥΚΟΥΝΑΡΙΕΣ ΣΚΙΑΘΟΣ</div>
<div><img src="https://i.imgur.com/oSC4D7R.jpg" alt="ΣΚΙΑΘΟΣ" width="960" height="600"></div>
<div id="sampletext">ΟΙ 5 ΚΑΛΥΤΕΡΕΣ ΕΛΛΗΝΙΚΕΣ ΠΑΡΑΛΙΕΣ</br>ΠΑΡΑΛΙΑ Νο 5</br>ΕΓΓΡΕΜΝΟΙ ΛΕΥΚΑΔΑ</div>
<div><img src="https://i.imgur.com/H2PNDWB.jpg" alt="ΛΕΥΚΑΔΑ" width="960" height="600"></div></div>

<style>
#sampletext {position:relative; width:960px; height:600px;font :bold 48px Arial;background:#115599;color:#FFF;}
#slideshow > div {position:relative;top: 0px;left: 0px;right: 0px;bottom: 0px;}
</style>

<script>
$("#slideshow > div:gt(0)").hide();
setInterval(function() {$('#slideshow > div:first')
.fadeOut(0)
.next()
.fadeIn(0)
.end()
.appendTo('#slideshow');},  4000);
</script>