На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: frenkmalcov  
Прелоадер для для отдельной части страниц сайта
manikom-auto Дата: Воскресенье, 14.08.2011, 00:18 | Сообщение # 1
Offline
Продвинутый
Проверенные
Сообщений:161
Награды:0
Замечания:0%
Репутация
33
Ребята, как я понял у меня главная подвисает из за галереи (слайдера) в шапке. В инете порылся нашёл множество вариантов, но ничего не подходит. Посоветуйте как можно эту галерею спрятать, пока грузится, под картинку загрузки, несколько вариантов нашёл, но хотелось бы что бы пока она загружается была небольшая по высоте полоса с прелоадером, а не на весь размер блока. Заранее спасибо!

 
antisept Дата: Воскресенье, 14.08.2011, 09:53 | Сообщение # 2
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
manikom-auto, код галереи нужен. Киньте, посмотрим

Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
manikom-auto Дата: Воскресенье, 14.08.2011, 11:20 | Сообщение # 3
Offline
Продвинутый
Проверенные
Сообщений:161
Награды:0
Замечания:0%
Репутация
33
Вот сам скрипт http://russia2030.ucoz.ru/js/jquery-ui.min.js

Вот содержимое блока, который нужно сделать:

Code
<script type="text/javascript"src="/js/jquery-ui.min.js"></script>
<script type="text/javascript">$(document).ready(function(){$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 10000, true);});</script>

<div id="featured" >

<ul class="ui-tabs-nav">

<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1">
<img src="/1/image4-small.jpg" alt="" />
<span><br>Посмотрите ей в глаза???</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2">
<img src="/1/image2-small.jpg" alt="" />
<span><br>Лес - наше богатство!</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3">
<img src="/1/image3-small.jpg" alt="" />
<span><br>Учебник на парту!</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4">
<img src="/1/image1-small.jpg" alt="" />
<span><br>Мы в долгу перед нашей природой!</span></a></li>
</ul>

<!-- 1 -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="/1/image4.jpg" alt="" />
<div class="info" >
<h2><a href="/index/proekty/0-12" > КАК ВЫ БУДЕТЕ СМОТРЕТЬ ЕЙ В ГЛАЗА??? </a></h2>
<p>Исправить обстановку можешь только Ты - Гражданин. От твоей ответственности и порядочности зависит то,
что мы передадим нашим внукам и как будем смотреть им в глаза....<a href="/index/proekty/0-12" >Читать далее </a></p>
</div></div>

<!-- 2 -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="/1/image2.jpg" alt="" />
<div class="info" >
<h2><a href="/index/les_nashe_bogatstvo/0-203" >ЛЕС - НАШЕ БОГАТСТВО</a></h2>
<p>Каждое дерево, истинно считать нашим природным наследием. Пришло время задуматься, какой ущерб мы нанесли нашей природе....
<a href="/index/les_nashe_bogatstvo/0-203" > Читать далее </a></p>
</div></div>

<!-- 3 -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="/1/image3.jpg" alt="" />
<div class="info" >
<h2><a href="/index/uchebniki_v_shkolu/0-202" >УЧЕБНИК НА ПАРТУ</a></h2>
<p>Рассказы правительства о бесплатном образовании на выходе обретают большой результат, только вот измеряется он в денежном эквиваленте....
<a href="/index/uchebniki_v_shkolu/0-202" >Читать далее</a></p>
</div></div>

<!-- 4 -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="/1/image1.jpg" alt="" />
<div class="info" >
<h2><a href="/index/chistye_reki/0-204" > МЫ В ДОЛГУ ПЕРЕД НАШЕЙ ПРИРОДОЙ! </a></h2>
<p>Искупаться в прохладной, чистой реке в наше время невозможно, если только не уехать в далёкие уголки Сибири или Дальнего Востока....
<a href="/index/chistye_reki/0-204" >Читать далее </a></p>
</div></div></div>
<title>z-index</title>


Добавлено (14.08.2011, 11:20)
---------------------------------------------
Кстати вот пример попался - как у Жириновского на сайте http://www.ldpr.ru/ Так бы хотелось


 
antisept Дата: Воскресенье, 14.08.2011, 22:41 | Сообщение # 4
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
manikom-auto, попробуй подключить скрипт после </body> вот таким способом:

Code
<script type="text/javascript">
  var script = document.createElement("script")
  script.type = "text/javascript";
  script.src = 'http://russia2030.ucoz.ru/js/jquery-ui.min.js';
  document.getElementsByTagName("head")[0].appendChild(script);
</script>


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
manikom-auto Дата: Воскресенье, 14.08.2011, 23:40 | Сообщение # 5
Offline
Продвинутый
Проверенные
Сообщений:161
Награды:0
Замечания:0%
Репутация
33
Не - не работает:-( сегодня ещё два варианта попробывал - ничего не получается. Интересно, а из исходного кода стрницы реально выудить как это сделано?

 
  • Страница 1 из 1
  • 1
Поиск: