Alt 06.01.2017, 18:18:35   #1 (permalink)
back4ever
SlotBauer
Benutzerbild von back4ever

ID: 10467
Lose senden

back4ever eine Nachricht über ICQ schicken
Reg: 20.04.2006
Beiträge: 27.932
Standard HTML Slideshow mehr Bilder hinzufügen

Hi

Brauche eure Hilfer bezüglich einer HTML Slideshow
und zwar es geht immer nur bis zum 4.Bild dann bleibt es stehen.

Hab bisschen rumprobiert, nutz alles nichts
Würde jemanden bitten der sich damit auskennt
mir zu helfen 10-12 Bilder einzubauen.

Hier der aktuelle HTML Code

PHP-Code:
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:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
<!DOCTYPE html>
<
html>
<
meta name="viewport" content="width=device-width, initial-scale=1">
<
style>
* {
box-sizing:border-box}
body {font-familyVerdana,sans-serif;}
.
mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  
max-width1000px;
  
positionrelative;
  
marginauto;
}

/* Caption text */
.text {
  
color#f2f2f2;
  
font-size15px;
  
padding8px 12px;
  
positionabsolute;
  
bottom8px;
  
width100%;
  
text-aligncenter;
}

/* Number text (1/3 etc) */
.numbertext {
  
color#f2f2f2;
  
font-size12px;
  
padding8px 12px;
  
positionabsolute;
  
top0;
}

/* The dots/bullets/indicators */
.dot {
  
height13px;
  
width13px;
  
margin0 2px;
  
background-color#bbb;
  
border-radius50%;
  
displayinline-block;
  
transitionbackground-color 0.6s ease;
}

.
active {
  
background-color#717171;
}

/* Fading animation */
.fade {
  -
webkit-animation-namefade;
  -
webkit-animation-duration1.5s;
  
animation-namefade;
  
animation-duration1.5s;
}

@-
webkit-keyframes fade {
  
from {opacity.4
  
to {opacity1}
}

@
keyframes fade {
  
from {opacity.4
  
to {opacity1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width300px) {
  .
text {font-size11px}
}
</
style>
<
body><h2>Unser Angebot</h2>

<
div class="slideshow-container">
<
div align='center'>
<
div class="mySlides fade">
  
  <
img src="images/champions.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/cordonbleu.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/tiramisu.jpg" style="width:80%">
 </
div>
 
 <
div class="mySlides fade">
 
  <
img src="images/burgerpommes.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/cordonbleu2.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/emmentaler.jpg" style="width:80%">
</
div>
 </
div>
</
div>
<
br>

<
div style="text-align:center">
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
</
div>

<
script>
var 
slideIndex 0;
showSlides();

function 
showSlides() {
    var 
i;
    var 
slides document.getElementsByClassName("mySlides");
    var 
dots document.getElementsByClassName("dot");
    for (
0slides.lengthi++) {
       
slides[i].style.display "none";  
    }
    
slideIndex++;
    if (
slideIndexslides.length) {slideIndex 1}    
    for (
0dots.lengthi++) {
        
dots[i].className dots[i].className.replace(" active""");
    }
    
slides[slideIndex-1].style.display "block";  
    
dots[slideIndex-1].className += " active";
    
setTimeout(showSlides5000); // Change image every 2 seconds
}
</script>

</body>
</html> 
Vielen Dank!
Mfg
Slot-Services
#Umbauservice
#Umbaulizenzen #Php-Scripte
Slotdesign
Sportwetten mit Klammlosen

#
Einzel,-Kombi,-System und Livewetten
back4ever ist offline   Mit Zitat antworten
Alt 06.01.2017, 22:37:24   #2 (permalink)
nick25
Erfahrener Benutzer

ID: 205997
Lose senden

Reg: 30.05.2009
Beiträge: 478
Standard

PHP-Code:
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:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
    
<!DOCTYPE html>
<
html>
<
meta name="viewport" content="width=device-width, initial-scale=1">
<
style>
* {
box-sizing:border-box}
body {font-familyVerdana,sans-serif;}
.
mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  
max-width1000px;
  
positionrelative;
  
marginauto;
}

/* Caption text */
.text {
  
color#f2f2f2;
  
font-size15px;
  
padding8px 12px;
  
positionabsolute;
  
bottom8px;
  
width100%;
  
text-aligncenter;
}

/* Number text (1/3 etc) */
.numbertext {
  
color#f2f2f2;
  
font-size12px;
  
padding8px 12px;
  
positionabsolute;
  
top0;
}

/* The dots/bullets/indicators */
.dot {
  
height13px;
  
width13px;
  
margin0 2px;
  
background-color#bbb;
  
border-radius50%;
  
displayinline-block;
  
transitionbackground-color 0.6s ease;
}

.
active {
  
background-color#717171;
}

/* Fading animation */
.fade {
  -
webkit-animation-namefade;
  -
webkit-animation-duration1.5s;
  
animation-namefade;
  
animation-duration1.5s;
}

@-
webkit-keyframes fade {
  
from {opacity.4
  
to {opacity1}
}

@
keyframes fade {
  
from {opacity.4
  
to {opacity1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width300px) {
  .
text {font-size11px}
}
</
style>
<
body><h2>Unser Angebot</h2>

<
div class="slideshow-container">
<
div align='center'>
<
div class="mySlides fade">
  
  <
img src="images/champions.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/cordonbleu.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/tiramisu.jpg" style="width:80%">
 </
div>
 
 <
div class="mySlides fade">
 
  <
img src="images/burgerpommes.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/cordonbleu2.jpg" style="width:80%">
</
div>

<
div class="mySlides fade">
  
  <
img src="images/emmentaler.jpg" style="width:80%">
</
div>
 </
div>
</
div>
<
br>

<
div style="text-align:center">
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
</
div>

<
script>
var 
slideIndex 0;
showSlides();

function 
showSlides() {
    var 
i;
    var 
slides document.getElementsByClassName("mySlides");
    var 
dots document.getElementsByClassName("dot");
    for (
0slides.lengthi++) {
       
slides[i].style.display "none";  
    }
    
slideIndex++;
    if (
slideIndexslides.length) {slideIndex 1}    
    for (
0dots.lengthi++) {
        
dots[i].className dots[i].className.replace(" active""");
    }
    
slides[slideIndex-1].style.display "block";  
    
dots[slideIndex-1].className += " active";
    
setTimeout(showSlides5000); // Change image every 2 seconds
}
</script>

</body>
</html> 
Probiere mal das. Wenn du jetzt 12 und mehr Bilder anzeigen lassen willst musst du das erweitern.

PHP-Code:
1:
2:
3:
4:
5:
6:
7:
8:
<div style="text-align:center">
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
  <
span class="dot"></span
</
div
gruss
nick25
 
nick25 ist offline   Mit Zitat antworten
Alt 06.01.2017, 22:43:10   #3 (permalink)
back4ever
SlotBauer
Benutzerbild von back4ever

ID: 10467
Lose senden

back4ever eine Nachricht über ICQ schicken
Reg: 20.04.2006
Beiträge: 27.932
Standard

kein Unterschied
er kommt weiterhin bis zum 4. Bild und bleibt dort stehen

wahrscheinlich müssen die Dots erweitert werden
wenn ich nur wüsste wie....


edit: hast du grad gemacht bin blind
funzt aber trotzdem nicht
Slot-Services
#Umbauservice
#Umbaulizenzen #Php-Scripte
Slotdesign
Sportwetten mit Klammlosen

#
Einzel,-Kombi,-System und Livewetten

Geändert von back4ever (06.01.2017 um 22:43:52 Uhr)
back4ever ist offline Threadstarter   Mit Zitat antworten
Alt 06.01.2017, 22:47:38   #4 (permalink)
nick25
Erfahrener Benutzer

ID: 205997
Lose senden

Reg: 30.05.2009
Beiträge: 478
Standard

lösche mal bitte dein cash.

Welchen Browser benutzt du?
 

Geändert von nick25 (06.01.2017 um 22:51:01 Uhr)
nick25 ist offline   Mit Zitat antworten
Alt 06.01.2017, 22:50:51   #5 (permalink)
back4ever
SlotBauer
Benutzerbild von back4ever

ID: 10467
Lose senden

back4ever eine Nachricht über ICQ schicken
Reg: 20.04.2006
Beiträge: 27.932
Standard

hab die falsche datei hochgeladen
funktioniert nur habe ich jetzt oben

Zitat:
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: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: 75: 76: 77: 78: 79: 80: 81: 82: 83: 84: 85: 86: 87: 88: 89: 90: 91: 92: 93: 94: 95: 96: 97: 98: 99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: 111: 112: 113: 114: 115: 116: 117: 118: 119: 120: 121: 122: 123: 124: 125: 126: 127: 128: 129: 130: 131: 132: 133: 134: 135: 136: 137: 138: 139: 140: 141: 142: 143: 144:

edit: mein Fehler, funktioniert bestens
Vielen Dank !!
Slot-Services
#Umbauservice
#Umbaulizenzen #Php-Scripte
Slotdesign
Sportwetten mit Klammlosen

#
Einzel,-Kombi,-System und Livewetten

Geändert von back4ever (06.01.2017 um 22:52:16 Uhr)
back4ever ist offline Threadstarter   Mit Zitat antworten
Antwort

Anzeige


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[S] Html Code Bilder WarKing Lose4Scripts (erledigt) 2 30.03.2010 20:54:49
[HTML/CSS] Bilder in Text einbinden Raze Programmierung 5 08.11.2007 14:17:55
[HTML/CSS] Navigation - Bilder übereinanderlegen? Novas Programmierung 21 20.12.2006 21:38:41
[V] Sommer Design (Mit PNG/PSD/HTML Datei + Bilder) Maddin Lose4Graphics (erledigt) 8 19.06.2006 23:55:02
[V] Mein 1. Design (Mit CSS/PNG/PSD/HTML Datei + Bilder) Maddin Lose4Graphics (erledigt) 8 18.06.2006 23:23:29


Alle Zeitangaben in WEZ +1. Es ist jetzt 02:37:46 Uhr.