Hallo,
ich lerne gerne dazu, auch bei Jquery und bin schon lange genug mit HTML und CSS beschäftigt um das alles selber zu bauen. Eine Slider hatte ich nur bisher noch nicht. Aber ich dachte mir dass das nicht so schwer sein kann und habe einfach angefangen. Wenn jetzt nur der Slider-Effekt klappen würde...ich will wenigstens wissen wo mein Fehler liegt... 
Gruß, Kaiserglanz
Hi Leute,
ich stecke ganz schön fest. Ich habe einen Slider gebaut mit Jquery (was nicht mein Steckenpferd ist übrigens) und wollte nun eine Art "Slide-Effekt" einbauen (also dass die Bilder von rechts nach links "sliden"), entweder mit CSS oder Jquery. Ich habe es mit Transitions versucht und auch ein wenig mit Jquery herumexperimentiert, aber das hatte nicht den gewünschten Erfolg. Habt ihr eine Lösung?
Hier kurz die Codes in Kurzform:
<header>
<i class="weiter"></i>
<section class="eins active">
<span>
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</span>
</section>
<section class="zwei">
<span>
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</span>
</section>
</header>header {
height: 250px;
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
header section.eins{
background: url("http://www.petakids.com/wp-content/uploads/2015/07/sheep-and-lambs-in-field.jpg");
}
header section.zwei{
background: url("https://aos.iacpublishinglabs.com/question/aq/700px-394px/long-sheep-pregnant_1b7dbe4ddad4dd1.jpg?domain=cx.aos.ask.com");
}
header section{
height: 0;
visibility: hidden;
width: 0;
float: left;
}
header section.active{
float: left;
height: 100%;
width: 100%;
visibility: visible;
}
.weiter{
display: block;
cursor: pointer;
height: 50px;
background: red;
width: 50px;
}$( document ).ready(function() {
$('.weiter').click(function () {
if ( $('.eins').hasClass( 'active' ) )
{
$('.eins').removeClass( 'active' );
$('.zwei').addClass( 'active' );
}
else if ( $('.zwei').hasClass( 'active' ) )
{
$('.zwei').removeClass( 'active' );
$('.eins').addClass( 'active' );
}
});
});Liebe Grüße,
Kaiserglanz