Basic slider - One2xs Forum

Lid · Topicstarter

Berichten: 6.037
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 12 jun 2025

23 mrt 2013, 12:04

Hey,

Ik heb een vraag, ik heb juist een layout gemaakt, en het is de bedoeling dat de header een slide show word. Maar als ik wat rond neus op google, dan komen er alleen maar sliders met pijltjes, bolletjes, etc.. En het enigste wat ik wil is dat er een simpele slide show is tussen verschillende fotos.
Dus zoiets bedoel ik niet: klik Want vanonder hangen er bolletjes aan, en er zijn pijltjes om tussen de verschillende slides te gaan.

Alvast bedankt!
Jordyvc

Destyz

Lid

Berichten: 966
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 12 jun 2025

23 mrt 2013, 14:33

astu: http://iamceege.com/pure-css3-content-slider

Jordyvc

Lid · Topicstarter

Berichten: 6.037
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 12 jun 2025

23 mrt 2013, 16:13

Destyz schreef:
astu: http://iamceege.com/pure-css3-content-slider

Bedankt, maar ik heb het juist zelf gevonden. Ik bedoelde zoiets als dit: http://snook.ca/technical/fade/fade.html

Toch bedankt!

toevoeging op 23 maart 2013, 16:27:25:
Raar, ik heb even die slider geïnstalleerd maar die werkt niet. Hij toont alleen de laatste afbeelding.

Code:

Spoiler tonen

<html>
</head>
<title> Vakanties </title>
<link rel="stylesheet" type="text/css" href="style.css">
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="jquery.slides.min.js"></script>
 <script>
$(function(){
    $(.fadein img:gt(0)).hide();
    setInterval(function(){
      $(.fadein :first-child).fadeOut()
         .next(img).fadeIn()
         .end().appendTo(.fadein);}, 
      3000);
});
  </script>
</head>
<body>

<div id="header_container"> 
<div class="header">

  <img src="images/layout_01.gif">
  <img src="images/layout_03_01.gif">

</div>
</div>
<div id="menu"><a href="index.html">Home</a></div>

<div id="content">
<font color="#959595">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et erat turpis. Nunc leo risus, facilisis eget placerat sit amet, consequat tristique nisl. Morbi tellus quam, iaculis a ornare id, imperdiet sed sapien. Praesent libero turpis, egestas id faucibus ut, egestas id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut malesuada consequat elit, nec tempor diam vehicula consequat. Proin vehicula nunc non lacus scelerisque vehicula. Phasellus sagittis, massa a hendrerit aliquet, turpis lorem volutpat risus, id pellentesque eros ante sed quam. Maecenas ornare eleifend dui, eget dignissim lectus pharetra non. Nunc lacinia luctus luctus. Nam adipiscing justo fermentum odio fringilla dictum. Integer at arcu nec augue viverra bibendum. Morbi neque ipsum, sollicitudin eu dapibus ut, dictum a odio. Nunc at nisl sapien, vestibulum dictum quam.
Quisque et turpis sem, tincidunt ullamcorper nibh. In quis lectus et lacus molestie commodo. Suspendisse in malesuada arcu. Quisque in aliquet metus. Proin vel mollis mi. Nam auctor nulla a sapien pretium tempor. Donec facilisis interdum libero in imperdiet. Aenean luctus velit eu orci venenatis eu vulputate turpis consectetur. Sed et quam dolor. Nunc congue metus id sapien suscipit eu bibendum tellus dapibus. In nec tellus felis, nec gravida nulla. Proin a turpis elit. Duis vehicula posuere metus eu aliquet. Donec porttitor tincidunt ullamcorper. Curabitur congue, mauris non malesuada rutrum, urna eros dapibus enim, eu feugiat nisl neque ac lorem. Suspendisse eu vehicula odio.</font>
</div>


</body>
</html>

toevoeging op 23 maart 2013, 1736:
Al gefixt.