Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Скрипт фотогалереи
 
 автор: pautina   (21.02.2010 в 12:05)   письмо автору
 
 

Здравствуйте Уважаемое сообщество.
Нашол в сети хороший скрипт фотогалереи http://ruseller.com/lessons/les387/examples/index.html
Сдел тоже самое под свой дизайн.
Но внизу у меня добавляются цифры навигации

<div id="nav">
                    <ul>
                        <li><a href="">1</a></li>
                        <li><a href="">2</a></li>
                        <li><a href="">3</a></li>
                        <li><a href="">4</a></li>
                        <li><a href="">5</a></li>
                        <li><a href="">6</a></li>
                        <li><a href="">7</a></li>
                        <li><a href="">8</a></li>
                        <li><a href="">9</a></li>
                    </ul>
                    </div>

Как сделать чтобы при нажатии на ссылку 1,2,3...9 Грузилась нужная нам большая картинка

  Ответить  
 
 автор: pautina   (21.02.2010 в 14:47)   письмо автору
973.7 Кб
 
   для: pautina   (21.02.2010 в 12:05)
 

Смотрите вот код

<div id="box">
                <ul id="pikame">
                    <li><img src="images/b_ptf1.jpg" width="453" height="351" /></li>
                    <li><img src="images/b_ptf2.jpg" width="453" height="351" /></li>
                    <li><img src="images/b_ptf3.jpg" width="453" height="351" /></li> 
                    <li><img src="images/b_ptf4.jpg" width="453" height="351" /></li>
                    <li><img src="images/b_ptf5.jpg" width="453" height="351" /></li>
                    <li><img src="images/b_ptf6.jpg" width="453" height="351" /></li> 
                    <li><img src="images/b_ptf7.jpg" width="453" height="351" /></li>
                    <li><img src="images/b_ptf8.jpg" width="453" height="351" /></li>
                    <li><img src="images/b_ptf9.jpg" width="453" height="351" /></li>        
                </ul>
                
                    <div id="nav">
                    <ul>
                        <li><a href="">1</a></li>
                        <li><a href="">2</a></li>
                        <li><a href="">3</a></li>
                        <li><a href="">4</a></li>
                        <li><a href="">5</a></li>
                        <li><a href="">6</a></li>
                        <li><a href="">7</a></li>
                        <li><a href="">8</a></li>
                        <li><a href="">9</a></li>
                    </ul>
                    </div> <!-- #nav -->
                </div> <!-- #box -->

Фотогалерея на Jqeru

<link type="text/css" href="bottom.css" rel="stylesheet" />
  
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/pikachoose-min.js"></script>
<script language="javascript">
<!--
$(document).ready(
function (){
$("#pikame").PikaChoose();
});
-->
</script>

Все файлы в прикреплённом файле, посмотрите.
Как сделать навигацию, при нажатии на ссылку 1,2,3...9 Грузилась нужная нам большая картинка

  Ответить  
 
 автор: AlexSol   (22.02.2010 в 11:44)   письмо автору
1.1 Мб
 
   для: pautina   (21.02.2010 в 14:47)
 

--->

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования