2014-01-30 6 views
0

Я занимаюсь разработкой веб-страницы с двумя изображениями, установленными на 512x400px, установленными в div на загрузке страницы, отображается первое изображение, затем по временной задержке второе изображение плавает сзади до перед первым изображение, верхнее изображение является прозрачным png, У меня есть jquery working и loks отлично, первое изображение загружается, после чего через несколько секунд появляется второе изображение, сдвигающееся слева под первым и поверх первого изображения, второе изображение прозрачно во время перехода, и я вижу первое изображение вплоть до poiint, что второе изображение приземляется непосредственно над первым, тогда область становится белой, Я проверил firebug, а изображение сверху - это определенно png , Может ли кто-нибудь помочь? ниже мой код 'Thats работает независимо от финальной прозрачности этап Дно показа изображения через'jQuery слайдер прозрачность

HTML

<div class="slider"> 
<ul id="slider1"> 
<li><img src='<%# /* Graphic ADOR */ AdorRec.FieldValue("ShopExit", Container) %>' alt="Cross-Media Finnished Shopping" width="512" height="400" /> 
     </li> 
    <li> 
<img src='<%# /* Graphic ADOR */ AdorRec.FieldValue("MobileOffer", Container) %>' alt="Cross-Media Mobile SMS Offer" width="512" height="400" /></li> 
</ul> 
</div> 

CSS

.slider { 
margin: 0 auto; 
width: 512px; 
height: 400px; 
border: 8px solid #ffffff; 
border-radius:5px; 
-moz-border-radius: 5px; 
box-shadow: 2px 2px 4px #333333; 
background:transparent; 
} 

сценарий

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.cycle.all.js"></script> 

и

<script language="javascript"> 
$(document).ready(function(){ 
    $('#slider1 a:first').css({opacity: 1.0}); 
    $('#slider1') .cycle({ 
     fx: 'shuffle', 
//'scrollLeft,scrollDown,scrollRight,scrollUp',blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,ipe ,zoom 
     autostop: 1, 
     rev: 1, 
     speed: '2000', 
     timeout: 3000 
    }); 
}); 
</script> 

пожалуйста обнажить в виду я очень нуб в этом, и поблагодарить кого-либо за время там в ответ приветы матовые

+3

Поздравляет с самым длинным вводным по приговору когда-либо. – j08691

ответ

0

Вы проверили второе изображение? Вот скрипка, использующая ваш код и примеры фотографий с сайта плагина Cycle. Я могу воспроизвести вашу ошибку, предоставив сломанную ссылку на изображение для второй фотографии.

Вы могли бы также рассмотреть возможность использования #slider1 {list-style: none;}, чтобы избавиться от этих маркированных элементов списка

Fiddle - http://jsfiddle.net/N4aJU/

Смежные вопросы