Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak zrobić taki slider w jquery
emajl22
post 30.08.2011, 18:39:31
Post #1





Grupa: Zarejestrowani
Postów: 273
Pomógł: 21
Dołączył: 28.11.2010

Ostrzeżenie: (10%)
X----


od razu mowie, ze na jquery znam sie marnie

chce zrobic prosty slider, cos w stylu:



po najechaniu na lewą strzałkę tekst ma się przesuwać w lewo, a po najechaniu na prawą w prawo

zrobiłem na razie coś takiego:
  1. <!-- Slidebox -->
  2. <div id="slidebox">
  3. <a href="" class="l_arrow" id="slide-left" title="Przewiń w lewo"><img src="./images/larrow.png" alt="" /></a>
  4. <ul class="slide-content">
  5. <li>To jest przykładowy tekst</li>
  6. </ul>
  7. <a href="" class="r_arrow" id="slide-right" title="Przewiń w prawo"><img src="./images/rarrow.png" alt="" /></a>
  8. </div>
  9. <!-- End slidebox -->

i jquery:

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $("#slide-left").hover(function() {
  4.  
  5. });
  6. });
  7. $(document).ready(function(){
  8. $("#slide-right").hover(function() {
  9.  
  10. });
  11. });
  12. </script>

głównie chodzi mi o funkcje, żeby przesuwała tekst w prawo

edit

szukałem w necie jakiegoś rozwiązania i znalazłem jquery.animate() tylko coś mi nie chce działać

zrobiłem tak:
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $("#slide-left").hover(function() {
  4. $(".slide-content").animate({
  5. right: '+=50'
  6. });
  7. });
  8. });
  9. </script>

ale w ogóle nic się nie dzieje po najechaniu na lewą strzałkę

Ten post edytował emajl22 30.08.2011, 20:17:29


--------------------
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 20:50