animierte Galerieshow Hilfe

20.02.2018 14:36 (zuletzt bearbeitet: 20.02.2018 14:52)
#1
di

Ein liebes Hallo an euch :),

Ich bin gerade dabei, mir eine Seite mit Jimdo zu erstellen aber habe ein paar kleine Probleme wo ich ein wenig Hilfe gebrauchen könnte.
Erstmal, super Forum!! Was ich in kurzer Zeit hier erfahren habe, ist wirklich TOP! Aber nun zu meinem Problem. Ich habe hier gelesen, dass man bei Jimdo halt auch andere animierte
Bildgalerien entwerfen kann. In einen Bereich im Forum hatte ich was gelesen mit was Flickery.
Wow dachte ich wo ich mir die ganzen Beispiele angesehen habe, und habe mich gleich ans basteln gemacht. Jetzt sind aber ein paar Sachen was ich nicht hinbekomm.
Die Galerie wird abgespielt, da gibt es keine Probleme. Ich hätte aber gerne, dass das Bild was schon abgespielt geworden ist, und was als übernächstes kommt, dass das ja wie soll ich sagen... eine Farbe besitzt. Auf der Seite mit den ganzen Beipielen ist ja was mit "selected class" aber übernehme ich den Code, bekomm ich nur eine gelbe Zelle die aktiv ist, und dann die grünen anderen Zellen aber die Bilder zeigt es nicht mehr an :( Ich bin seit heut morgen schon am Versuchen, aber ich schaff es nicht. Es soll auch was gelb angezeigt wird, normal sein wenn aktiv, und das inaktive dann halt gelb. Also genau anders herrum.
Und dann wollt ich mal wissen, ob man die Galerie vergrößern kann? Also das es über die ganze Seite von Jimdo geht? ".carousel-cell.is-selected {
background: #ED2;
}" Mit den Code habe ich es versucht
Achja ich hänge mal die Code Sachen an wenn es ok ist.
Das bei den Einstellungen kopiert

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
 
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css" />
 

<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
 

 
<style type="text/css">
/*<![CDATA[*/
/* external css: flickity.css */
 
* { box-sizing: border-box; }
 
body { font-family: sans-serif; }
 
.carousel {
background: #EEE;
}
 
.carousel-cell {
margin-right: 20px;
overflow: hidden;
}
 
.carousel-cell img {
display: block;
height: 200px;
}
 
@media screen and ( min-width: 768px ) {
.carousel-cell img {
height: 400px;
}
}
/*]]>*/
</style>
 

 



Und das in das Kästchen auf der Seite aber die Bilder entfernt. Hoffe ist die richtige Fragebreich.

LG die Dani

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
 
<!-- Flickity HTML init -->
 
<div class="carousel" data-flickity='{ "autoPlay": true }'>
<div class="carousel-cell">
<img src="/image.jpg" alt="orange tree" />
</div>
 
<div class="carousel-cell">
<img src="https:///image.jpg" alt="One World Trade" />
</div>
 
<div class="carousel-cell">
<img src="https://image/image.jpg" alt="drizzle" />
</div>
 
<div class="carousel-cell">
<img src="https://image/image.jpg" alt="cat nose" />
</div>
 
<div class="carousel-cell">
<img src="https://image/image.png" alt="contrail" />
</div>
 
<div class="carousel-cell">
<img src="https://image/image.jpg" alt="golden hour" />
</div>
 
<div class="carousel-cell">
<img src="https://image/image.jpg" alt="flight formation" />
</div>
</div>
 


 Antworten

 Beitrag melden
20.02.2018 15:59
#2
di

Uhhh editieren geht wohl nicht? Sorry das ich da dann nochmal o schreiben muss.
Also ich habe bis jetzt gerade probiert und probiert, aber ich zerschiess mir bis jetzt immer wieder alles :(
Das mit der Seite verbreiten hat dank euch und dem Forum geklappt, aber ist nicht so meins also bleibt alles auf standart wie es ist.
Bleibt nur noch die Sache mit der Diashow die nicht geht, dass inaktive Zellen leicht ausgeblendet werden. Hatte hier im Forum genauso eine Diashow gesehen die vor kurzem gepostet wurde.


 Antworten

 Beitrag melden
20.02.2018 20:15
avatar  TiJo
#3
Ti

@moppel hier siehst du m.E eine gute Anleitung für dein Problem.


 Antworten

 Beitrag melden
21.02.2018 08:51
#4
di

Sorry, musste mal sein :D

Aber toll wenn´s jemanden hilft! Aber irgendwas stimmt mit dem Codeschnipsel´chen noch nicht ganz.
bekomm es absolut nicht zum laufen, und statt blonde nun graue Haare


 Antworten

 Beitrag melden
22.02.2018 05:28
#5
di

Sorry für das spammen, aber niemand eine Idee mit bzw. zu den inaktiven Zellen ?


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!