Форум

azza147 · #1 (**permalink**) 09.11.2011, 00:00

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

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

trikadin · #2 (**permalink**) 09.11.2011, 00:06

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

azza147 · #3 (**permalink**) 09.11.2011, 00:10

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

azza147 · #4 (**permalink**) 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 · #5 (**permalink**) 09.11.2011, 00:29

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

azza147 · #6 (**permalink**) 09.11.2011, 00:31

Спасибо, кэп, я знал что вы среди нас.

Интересует реализованный кусок кода и его стоимость.

trikadin · #7 (**permalink**) 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 · #8 (**permalink**) 09.11.2011, 09:55

Сообщение от trikadin

10 т. р., две недели.

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

Сообщение от trikadin

Да на)

Ну вот...

monolithed · #9 (**permalink**) 09.11.2011, 10:00

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

ksa · #10 (**permalink**) 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...

Форум

Справочник

Discord чат

Курсы javascript