登录 | 注册 | FAQ
Anonymous

Fotogalerie

+ 发表回复

3 篇帖子 分页: 1 / 1


Fotogalerie

Milchig » 周四 7月 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
头像

Milchig

  • 帖子: 2
  • 注册: 周四 7月 17, 2014 10:42 am

Re: Fotogalerie

XainPro » 周四 7月 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/
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Fotogalerie

Milchig » 周四 7月 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
头像

Milchig

  • 帖子: 2
  • 注册: 周四 7月 17, 2014 10:42 am


+ 发表回复

分页: 1 / 1