Anmelden | Registrieren | FAQ
Anonymous

Fotogalerie

+ Antwort erstellen

3 Beiträge Seite 1 von 1


Fotogalerie

von Milchig » Do Jul 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
Benutzeravatar

Milchig

  • Beiträge: 2
  • Registriert: Do Jul 17, 2014 10:42 am

Re: Fotogalerie

von XainPro » Do Jul 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/
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

Re: Fotogalerie

von Milchig » Do Jul 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
Benutzeravatar

Milchig

  • Beiträge: 2
  • Registriert: Do Jul 17, 2014 10:42 am


+ Antwort erstellen

Seite 1 von 1