Sign in to follow this  
Followers 0
WQP

Примитивная карусель на JS (Нужна помощь)

10 posts in this topic

Здравствуйте, нужно реализовать самую обычную карусель на JS, но как на зло с этим языком не знаком...

Есть код:

<ul class="page-list">
<li><a href="#">«</a></li>
<li><a href="#">1 серия</a></li>
<li><a href="#">2 серия</a></li>
<li><a href="#">3 серия</a></li>
<li><a href="#">4 серия</a></li>
<li><a href="#">5 серия</a></li>
<li><a href="#">6 серия</a></li>
<li><a href="#">7 серия</a></li>
<li><a href="#">8 серия</a></li>
<li><a href="#">9 серия</a></li>
<li><a href="#">10 серия</a></li>
<li><a href="#">11 серия</a></li>
<li><a href="#">12 серия</a></li>
<li><a href="#">»</a></li>
</ul>

Выводит:

8a6cfadab832.jpg

А нужно, чтобы выводило:

-929206895.jpg

-929206895.jpg

Share this post


Link to post
Share on other sites

Что-то вообще непонятно ничего. Приведенный код выводит все как он и должен выводить (с учетом css). А что нужно - непонятно совсем.

И причем тут JS?

Share this post


Link to post
Share on other sites
<ul class="page-list">
  <li><a href="#">«</a></li>
  <li><a href="#">1 серия</a></li> 
  <li><a href="#">2 серия</a></li> 
  <li><a href="#">3 серия</a></li>
  <li><a href="#">4 серия</a></li>
  <li><a href="#">5 серия</a></li>
  <li><a href="#">6 серия</a></li>
  <li><a href="#">7 серия</a></li>
  <li><a href="#">8 серия</a></li>
  <li><a href="#">9 серия</a></li>
  <li><a href="#">10 серия</a></li>
  <li><a href="#">11 серия</a></li>
  <li><a href="#">12 серия</a></li>
 <li><a href="#">»</a></li>
</ul>

<ul class="page-list">
  <li><a href="#">«</a></li>
  <li><a href="#">1 серия</a></li> 
  <li><a href="#">2 серия</a></li> 
  <li><a href="#">3 серия</a></li>
  <li><a href="#">4 серия</a></li>
  <li><a href="#">5 серия</a></li>
  <li><a href="#">6 серия</a></li>
  <li><a href="#">7 серия</a></li>
  <li><a href="#">8 серия</a></li>
  <li><a href="#">9 серия</a></li>
  <li><a href="#">10 серия</a></li>
  <li><a href="#">11 серия</a></li>
  <li><a href="#">12 серия</a></li>
 <li><a href="#">»</a></li>
</ul>

:D 

Share this post


Link to post
Share on other sites

, что это? Просто продублировали текст?! Для чего?!

Share this post


Link to post
Share on other sites

@kumatoz, получилось, но при достижении конца слайдера перебрасывает наверх т.к. срабатывает # 

Share this post


Link to post
Share on other sites

@kumatoz, получилось, но при достижении конца слайдера перебрасывает наверх т.к. срабатывает # 

<a> можно заменить хоть на <p> - тогда это будут не ссылки. Или удалить атрибут href

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.