nicht angemeldet
jquery slider
suitHi
habe hier einen simplen jquery slider, der bei klick von oben nach unten fährt.
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: 570px;
font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus {
outline: none;
}
#panel {
background: #754c24;
height: 200px;
display: none;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
background: url(images/white-arrow.gif) no-repeat right -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background-position: right 12px;
}
</style>
~~~</head>
~~~html
<body>
<div id="panel">
<!-- you can put content here -->
</div>
<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>
</body>
</html>
Kann mir wer sagen, was ich ändern muss, damit der slider von der linken position nach rechts raus fährt?
hier die Demo: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
Danke :)
-
$(this).toggleClass("active"); return false;.btn-slide {
background: right -50px;
}
.active {
background-position: right 12px;
}
</style>[/code]</head>Kann mir wer sagen, was ich ändern muss, damit der slider von der linken position nach rechts raus fährt?
Ich hab dir mal die imho relevanten Zeilen isoliert.
-
Ich hab dir mal die imho relevanten Zeilen isoliert.
danke erstmal.
$(this).toggleClass("active"); return false;damit kann ich leider nichts anfangen, bzw. wüsste nicht, was ich ändern sollte.
.btn-slide {
background: right -50px;
}warum right? wenn ich es testhalber auf left 50px; ändere ändert sich gar nichts
.active {
background-position: right 12px;
}
</style>[/code]</head>wieder rechts?
sinn würds für mich machen, wenn top oder sowas stehen würde ?!
-
warum right?
Das fragst du mich, das ist dein Code.
-
warum right?
Das fragst du mich, das ist dein Code.
Oh man, ich frag mich oft in welcher egoistischen Gesellschaft wir eig. leben ^^
Diese halbherzigen antworten immer .. Im übrigen ist das nicht mein code. Um herauszufinden welcher das ist, les meinen ersten thread nochmal, dann wirst es herausfinden.
-
Im übrigen ist das nicht mein code.
Aber zumindest hast du ihn gepostet - da war die Vermutung nahe, dass das dein Code ist :)
Um herauszufinden welcher das ist, les meinen ersten thread nochmal, dann wirst es herausfinden.
Ich komm' nicht drauf.
-
Ich komm' nicht drauf.
oh, österreicher... ^^
hier die Demo: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
es liegt die Vermutung nahe, dass es sich bei der Seite webdesignerwall nicht um meine eigene handelt ;)
-
es liegt die Vermutung nahe, dass es sich bei der Seite webdesignerwall nicht um meine eigene handelt ;)
Ich kenne die Seite nicht und hab' mir nur den Deeplink angesehen.
Gut: also, was hindert dich daran entsprechend auszuprobieren, eine andere Ausrichtung anzugeben?
-
es liegt die Vermutung nahe, dass es sich bei der Seite webdesignerwall nicht um meine eigene handelt ;)
Ich kenne die Seite nicht und hab' mir nur den Deeplink angesehen.
Gut: also, was hindert dich daran entsprechend auszuprobieren, eine andere Ausrichtung anzugeben?
Es hindert mich gar nichts daran. Ich habs natürlich auch schon versucht, nur tut sich nichts :(
Das Ding fährt stur von oben nach unten.
-
Das Ding fährt stur von oben nach unten.
Mein fehler: slideToggle schaltet zwischen slideUp und slideDown hin und her - da wirst du nichts machen können.
Bau' die Lösung auf toggle() um und arbeite per Hand mit animate().
-
-
-
-
-
-
-
-
-
JQuery-slide geht nur vertikal, wenn du es horizontal willst musst du jquery selbst ändern.
-
JQuery-slide geht nur vertikal, wenn du es horizontal willst musst du jquery selbst ändern.
-
JQuery-slide geht nur vertikal, wenn du es horizontal willst musst du jquery selbst ändern.
oder das :)
-
JQuery-slide geht nur vertikal, wenn du es horizontal willst musst du jquery selbst ändern.
oder das :)
Alles klar jungs danke werd mich da mal durchwühlen :)
-
-
-