Табове с картинки за бекграунд и смяна при hover

vassy

Active Member
Понеже не съм много на ти с js, а трябва да направя едни табове с различни картинки, който трябва и да се сменят при а:hover, да питам. Някой да предложи готово решение. Доста се поравих из нета, но всичко е така направено, че ползва еднакви бекграунди за нормален и a:hover за всички табове. Целта е да се сменя картинката при selected, но с индивидуална на всеки таб. Става дума за това:

pay.PNG

на картинката SMS е selected.
 
От: Табове с картинки за бекграунд и смяна при hover

За меню ли искаш да го използваш?
Задължително ли е да е с JS, а не с CSS, примерно?
 
От: Табове с картинки за бекграунд и смяна при hover

Не искам да се презарежда страницата, за табове става дума.
HTML:
<div class="tabcontent">
<ul>
<li><a href="#" rel="tab1" class="selected"></a></li>
<li><a href="#" rel="tab2"></a></li>
<li><a href="#" rel="tab3"></a></li>
<li><a href="#" rel="tab4"></a></li>
<li><a href="#" rel="tab5"></a></li>

</ul>

<div id="tab1" class="tabcontent">
....
</div>


.....


</div>
 
От: Табове с картинки за бекграунд и смяна при hover

Ако не искаш да се презарежда с Флаш имам идея как ще стане, ако е това за което си мисля.
 

Горе