Javascript-форум (https://javascript.ru/forum/)
-   Работа (https://javascript.ru/forum/job/)
-   -   Вращение "барабана" картинок (https://javascript.ru/forum/job/23015-vrashhenie-barabana-kartinok.html)

azza147 09.11.2011 00:00

Вращение "барабана" картинок
 
"Барабан (револьвера)" из превьюх, при нажатии на любую картинку из "барабана" картинка становится активной, а барабан проворачивается устанавливая активную превьюху в нулевое положение.
При этом включается большая картинка, соответствующая превью.

Сколько времени и денег требуется для реализации. Вопрос срочный.

trikadin 09.11.2011 00:06

Ну что... 10 т. р., две недели.

azza147 09.11.2011 00:10

Долго и дорого, не катит. Еще варианты?

azza147 09.11.2011 00:26

Так, упрощаю. Есть список:
<ul>
<li class="position0">0</li>
<li class="position1">1</li>
<li class="position2">2</li>
<li class="position3">3</li>
<li class="position4">4</li>
<li class="position5">5</li>
</ul>
Как при помощи jquery сделать так, чтобы при нажатии, скажем, на третий пункт список стал выглядеть так:
<ul>
<li class="position4">0</li>
<li class="position5">1</li>
<li class="position0">2</li>
<li class="position1">3</li>
<li class="position2">4</li>
<li class="position3">5</li>
</ul>

trikadin 09.11.2011 00:29

Поменять всем элементам классы (в цикле).

azza147 09.11.2011 00:31

Спасибо, кэп, я знал что вы среди нас.:yes: Интересует реализованный кусок кода и его стоимость.

trikadin 09.11.2011 01:18

Да на)

<html>
<head>
<style>
.s1 { /*чтобы отличать их как-то.*/
 color: #f00;
}
.s2 {
 color: #ff0;
}
.s3 {
 color: #00f; 
}
.s4 {
 color: #0f0;
}
</style>
</head>
<body>
<ul id="list">
 <li class="s1">0</li>
 <li class="s2">1</li>
 <li class="s3">2</li>
 <li class="s4">3</li>
</ul>
<script>
list= document.getElementById("list");
items= list.getElementsByTagName("li");
function rename(n) {
 var i;
 for (i=n; i-items.length != n; ++i) {
  items[i < items.length? i : i-items.length].className= "s" + (i-n+1);
 }
};

for (i=0; i!= items.length; ++i) {
 items[i].onclick= (function(n){return function(){rename(n)}})(i)
}

</script>
</body>
<html>

ksa 09.11.2011 09:55

Цитата:

Сообщение от trikadin
10 т. р., две недели.

Молодец! Правильно мыслишь... :yes:
Цитата:

Сообщение от trikadin
Да на)

Ну вот... :(

monolithed 09.11.2011 10:00

ksa,
видимо trikadin показалось, что нужно в прямом смысле вращать барабан)

ksa 09.11.2011 10:00

Цитата:

Сообщение от azza147
Так, упрощаю. Есть список:
<ul>
<li class="position0">0</li>
<li class="position1">1</li>
<li class="position2">2</li>
<li class="position3">3</li>
<li class="position4">4</li>
<li class="position5">5</li>
</ul>

Как при помощи jquery сделать так, чтобы при нажатии, скажем, на третий пункт список стал выглядеть так:
<ul>
<li class="position4">0</li>
<li class="position5">1</li>
<li class="position0">2</li>
<li class="position1">3</li>
<li class="position2">4</li>
<li class="position3">5</li>
</ul>

Именно такую задачку сделаю за 2000р и сегодня. Именно на jquery...


Часовой пояс GMT +3, время: 22:58.