Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Карусель + Ишак7.0 (https://javascript.ru/forum/jquery/30142-karusel-ishak7-0-a.html)

zlodeeev 25.07.2012 13:43

Карусель + Ишак7.0
 
Есть каруселька, всё рабит, с косяками но всй же.

Код:

<script type="text/javascript" src="jquery.carouFredSel.js"></script>
<link rel="stylesheet" type="text/css" href="slider_style.css">
<div id="slider">
  <div id="wrapper">
    <div id="carousel">
      <img src="/upload/iblock/e2e/efremov.jpg" link="2">
      <img src="/upload/iblock/62b/ngk.jpg" link="7">
      <img src="/upload/iblock/734/stroytrans.jpg" link="8">
      <img src="/upload/iblock/319/energon.jpg" link="1">
      <img src="/upload/iblock/bae/kranservis.jpg" link="4">
      <img src="/upload/iblock/9f0/arch.jpg" link="6">
      <img src="/upload/iblock/e2e/muromec.jpg" link="3">
   </div>
      <span id="prev-arrow"></span>
      <span id="next-arrow"></span>
      <a id="prev" href="#"></a>
      <a id="next" href="#"></a>
  </div>
</div>
<div id="slider_text">
  <p></p>
</div>
<script type="text/javascript" src="portfolio.js"></script>


Листается по клику на
<span id="prev-arrow"></span>
<span id="next-arrow"></span>


Им присвоен z-index: 9000. А для картинок #carousel img {z-index: 5000}

В ишаке не листает, пробую через F12 -> Ctrl+B - выделять облать спанов отказывается, а выделаяет картинку из карусели ибо она "сверху", то есть z-index не рабит, куда ставить костыль?!

Deff 25.07.2012 13:57

zlodeeev,
Попробуйте задать для span display:inline-block;position:relative;z-index:9000;

zlodeeev 25.07.2012 14:02

Тогда блоки эти уходят из необходимой области. Лучше линк на страницу кину, особо не пинайте за остальное:
http://www.intelas.ru/portfolio/index2.html

Deff 25.07.2012 14:34

zlodeeev,
Не наю -z-index у span не нашел
Я бы span повесил на "#wrapper" (перед ним) и отпозиционировал нужным макаром
не дело им быть внутри экскалатора

zlodeeev 25.07.2012 15:04

решено, костыль оказался жутчайшим, оказывается ie не понимает display block для тэга <a> и тем самым, если поставить border для ссылки, то при наведении на бордер - всё рабит. Решение: однопискельный прозрачный пнг, фоном для ссылки =D


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