1 / 1 / 0
Регистрация: 26.10.2011
Сообщений: 15
1

Белое пятно вместо слайд-шоу

04.09.2012, 22:41. Показов 659. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Идея такова, что под шапкой сайта будет располагаться слайд-щоу. По урокам сделала код, исправила все размерности под свои картинки, и теперь там не отображает ничего.
вот сырой вариант странички:

http://oranganikus.narod2.ru/test/skripts/Led.html

проблемные места в коде:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/layout.css" />
     <link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/style7.css" />
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
     <script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/jquery.easing.js"></script>
     <script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/script2.js"></script>
<script type="text/javascript">
 $(document).ready( function(){ 
        var buttons = { previous:$('#jslidernews2 .button-previous') ,
                        next:$('#jslidernews2 .button-next') };          
        $('#jslidernews2').lofJSidernews( { interval:5000,
                                                easing:'easeInOutQuad',
                                                duration:1200,
                                                auto:true,
                                                mainWidth:490,
                                                mainHeight:280,
                                                navigatorHeight     : 100,
                                                navigatorWidth      : 310,
                                                maxItemDisplay:2,
                                                buttons:buttons } );                        
    });
 
</script>
 
 
 
 
 
<tr>
    <td height="280" colspan="2" background="http://oranganikus.narod2.ru/test/had.png" bgcolor="2f4548">
    
    <div id="jslidernews2" class="lof-slidecontent" style="width:800px; height:280px;">
    <div class="preload"></div>
            
            
            <div  class="button-previous">Назад</div>
              
              <div class="main-slider-content" style="width:490px; height:280px;">
                <ul class="sliders-wrap-inner">
                    <li>
                            <img src="http://oranganikus.narod2.ru/test/one.png" title="Pic one" >          
                    </li> 
                   <li>
                      <img src="http://oranganikus.narod2.ru/test/two.png" title="Pic two" >                        
                  </li> 
                   <li>
                      <img src="http://oranganikus.narod2.ru/test/three.png" title="Pic three" >            
                  </li> 
                    <li>
                      <img src="http://oranganikus.narod2.ru/test/four.png" title="Pic four" >             
                    </li> 
                   
                </ul>   
            </div>
         
            <div class="navigator-content">
                  <div class="navigator-wrapper">
                        <ul class="navigator-wrap-inner">
                          <li>
                                <div>
                                    <img src="http://oranganikus.narod2.ru/test/one_prew.png">
                                    <h3> Новость 1 </h3>
                                    <span>3.05.2012</span> - Нажмите чтобы узнать больше информации...
                                </div>    
                          </li>
                             <li>
                                <div>
                                    <img src="http://oranganikus.narod2.ru/test/two_prew.png" >
                                    <h3> Новость 2 </h3>
                                    <span>3.05.2012</span> -Нажмите чтобы узнать больше информации. ..
                                </div>    
                            </li>
                
                            <li>
                                <div>
                                    <img src="http://oranganikus.narod2.ru/test/three_prew.png">
                                    <h3> Новость 3 </h3>
                                    <span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
                                </div>     
                            </li>
                            
                           <li>
                                <div>
                                    <img src="http://oranganikus.narod2.ru/test/four_prew.png">
                                    <h3> Новость 4</h3>
                                    <span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
                                </div>
                          </li>    
                            
                        </ul>
                  </div>
   
        </div> 
       
          <div class="button-next">Вперед</div>
 
          <div class="button-control"><span></span></div>
        
           
 </div> 
 
    </td>
  </tr>
помогите, пожалуйста!
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.09.2012, 22:41
Ответы с готовыми решениями:

Слайд шоу
всем привет! делаю слайд шоу. &lt;script src=&quot;../../settings/jquery-1.8.3.min.js&quot;...

Слайд шоу от mail.ru
Не подскажите, можно ли убрать надпись &quot;фото@mail.ru&quot; со слайд шоу, вот код этого слайд шоу ...

Слайд шоу картинки
Я нашел в интернете мануал. Вот что у меня вышло, но там не совсем по времени меняется, вот код:...

Слайд шоу фона
Здравствуйте! Подскажите пожалуйста как сделать такой слайдер. Суть задачи: - div слайдера...

4
12 / 12 / 0
Регистрация: 23.12.2009
Сообщений: 149
06.09.2012, 14:58 2
а в уроках ничего не говорилось о том,что какждой фотке мы присваиваем класс и должен быть соотвесттвующий css файл,характеризующий этот класс...используйте готовые галерее типа pirobox ...ваш код очень похож на него...но мб это не то,что вам надо
0
1 / 1 / 0
Регистрация: 26.10.2011
Сообщений: 15
06.09.2012, 16:56  [ТС] 3
нет, там об этом ничего не говорилось. Но ведь перед тем, как перечислять картинки задается класс, который потом описан в http://oranganikus.narod2.ru/t... style7.css этом цсс файли

Добавлено через 48 минут
попробовала взять код, что был представлен в уроке и подставила свои картинки - все работает...не понимаю в чем загвостка
0
12 / 12 / 0
Регистрация: 23.12.2009
Сообщений: 149
06.09.2012, 22:57 4
могу помочь разве что в подключении лайтбокса...у вас наверное нечто похожее,обычно у такие вещей есть несколько подпунктов: свой ксс,своя папка с анимашками (картинками загрузки,стрелочками и тд),у каждой картинки прописывается класс,соответствующий боксу (а не тот что у вас,в котором я так понял появляются картинки), добавляется js код в управляющий файл (1на функция); подключаются 2 query файла бокса; ну и обычно свой ксс для бокса,вроди бы ничего не забыл
судя по тому что тема находится в разделе JS Query и я увидел что-то похожее на код функции бокса...я сделал вывод,что вам нужен именно он...короче говоря,если я прав,отпишите,продолжим беседу,я наглядно продемонстрирую,что и как подключать...кину код,покажу код сайта,на котором работает то,что предположительно вам нужно...
возможно даже помимо форума,времени у меня много,я сейчас не работаю...
если же не прав...то я покину тему)
0
1 / 1 / 0
Регистрация: 26.10.2011
Сообщений: 15
07.09.2012, 10:36  [ТС] 5
это будет чудесно, если поможете разобраться! а выглядеть этот плагин должен вот так http://pcvector.net/uploads/de... ndex2.html

самое удивительное, что, когда прописан только плагин, без таблиц и проч, то все работает == была идея, что это из-за наложения друг на друга ксс стилей, но когда убрали стиль, отвечающий за окно обратной связи - ничего не изменилось =(
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
07.09.2012, 10:36
Помогаю со студенческими работами здесь

Как сделано слайд-шоу на сайте
https://www.airportdining.net Слайд-шоу вроде простенькое. но я не могу разобраться в...

Автоматическое Слайд-шоу за период времени
Подскажите как переделать слайд-шоу (ДЕМО...

НЕ работает скрип для слайд шоу
Скажите пожалуйста почему не работает наипростейшее слайд шоу???????? Слайд Шоу jQuery

Найти ошибку в коде, слайд-шоу
Помогите пожалуйста, никак не могу разобраться в чём ошибка, слайд-шоу не работает( &lt;!DOCTYPE...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru