Я не могу получить миниатюры в плагине цикла Jquery, только текстовые номера - PullRequest
Новая
       3

Я не могу получить миниатюры в плагине цикла Jquery, только текстовые номера

2 голосов
/ 26 декабря 2011

Я ужасен в javascript и css, но мне удалось внедрить плагин Jquery Cycle на мою домашнюю страницу.Я попытался добавить миниатюры, поэтому, пока он все еще работает на авто, конечный пользователь может щелкнуть миниатюру, чтобы вернуться, вместо того, чтобы ждать 8 или 9 слайдов позже.

код JavaScript: 

<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.cycle.all.js"></script>
<script type="text/javascript">  
$(document).ready(init);
    function init() {
        // dynamically add a div to hold the slideshow's pager
        $(".homepageimages").before('<div class="pager"></div>');

        // now to use the cycle plugin
        $(".homepageimages").cycle({
            pause: 1,
            pager: ".pager"
        });
    }
 </script>

HTML-код: 

<div id="slideshow">
     <div class="homepageimages"
         <asp:Hyperlink ID="HyperLink1" runat="server"
           ImageUrl="~/images/usshomepagegraphic.jpg" height="319" width="864"
            NavigateUrl="~about.aspx" Target="_self"></asp:HyperLink>
         <asp:Hyperlink ID="HyperLink4" runat="server"
           ImageUrl="~/images/collage.jpg" height="319" width="864"
            NavigateUrl="~services.aspx" Target="_self"></asp:HyperLink>
      </div>
 </div>

css: 

.slideshow {  
height:  319px;  
width:   864px;  
padding: 0;  
margin:  0;  
} 

.slideshow img {  
padding: 0px;  
border:  0px solid #ccc;  
background-color: #eee;  
width:  864px; 
height: 319px; 
top:  0; 
left: 0 
}

Вот ссылка на фотобакетна что я смотрю.На рисунке изображен мой велосипедист, а пейджинговая ссылка находится в левом верхнем углу - просто текстовые номера 1-7 для всех 7 слайдов: http://s1209.photobucket.com/albums/cc387/jdluski/?action=view&current=jquerythumbnails.png

Но я не могу превратить эти текстовые номера вэскизы.Всякий раз, когда я пытаюсь из инструкций Цикла Jquery или онлайн-инструкций других лиц, картинки обычно оказываются прямо друг на друге, или я получаю длинное, огромное сообщение об ошибке в своем браузере.

I 'Я хотел бы продолжить ездить на авто, но есть эскизы на случай, если конечный пользователь хочет вернуться, но я в тупике.Сейчас я нахожусь в таком замешательстве, что даже не знаю, с чем даже пытаться повозиться: файл jquery.cycle.all.js, javascript, css, html.

Спасибо большое за то, что прочитали это, и вся помощь будет искренне признательна!

Джейсон Вебер

1 Ответ

1 голос
/ 26 декабря 2011

Поскольку вы плохо разбираетесь в JS, попробуйте использовать этот плагин , который готов служить вашим целям.

http://wayfarerweb.com/jquery/plugins/simplethumbs/

У него есть опция готовых миниатюр.

...