Connexion | Inscription | FAQ
Anonymous

Fotogalerie

+ Publier une réponse

3 messages Page 1 sur 1


Fotogalerie

par Milchig » Jeu Juil 17, 2014 10:47 am

Hallo,
Ich bin neu im Forum da ich mich seit einiger Zeit mit dem Programmieren einer HTML-Seite herumschlage. Und zwar möchte ich gerne eine Fotogalerie erstellen, eine die wie zb hier zu sehen ist: http://www.mtv.com/. Es sollte einfach eine sein mit Thumbnails und Pfeilen als Navigation. Wie mache ich das am besten?
Lg
Milchig
Avatar de l’utilisateur

Milchig

  • Messages: 2
  • Inscrit le: Jeu Juil 17, 2014 10:42 am

Re: Fotogalerie

par XainPro » Jeu Juil 17, 2014 11:47 am

JAVASCRIPT

$(function () {

/* SET PARAMETERS */
var change_img_time = 5000;
var transition_speed = 100;

var simple_slideshow = $("#exampleSlider"),
listItems = simple_slideshow.children('li'),
listLen = listItems.length,
i = 0,

changeList = function () {

listItems.eq(i).fadeOut(transition_speed, function () {
i += 1;
if (i === listLen) {
i = 0;
}
listItems.eq(i).fadeIn(transition_speed);
});

};

listItems.not(':first').hide();
setInterval(changeList, change_img_time);

});

.

HTML

<ul id="exampleSlider">
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
</ul>

http://jsfiddle.net/sagive/cAsB3/
Avatar de l’utilisateur

XainPro

  • Messages: 3933
  • Inscrit le: Ven Fév 17, 2012 8:10 pm

Re: Fotogalerie

par Milchig » Jeu Juil 17, 2014 2:42 pm

Hallo,
Danke erstmal für die Antwort! Könntest du mir vlt noch sagen, wie ich das mit der Pfeilnavigation hinbekomme?
Danke & Lg
Milchig
Avatar de l’utilisateur

Milchig

  • Messages: 2
  • Inscrit le: Jeu Juil 17, 2014 10:42 am


+ Publier une réponse

Page 1 sur 1