Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Описание фотографий (https://javascript.ru/forum/jquery/21947-opisanie-fotografijj.html)

Daywalker 30.09.2011 13:07

Описание фотографий
 
Здравствуйте,
есть элементарная фотогалерея с превьюшками на php, нужно с помощью jquery под большой фотографией выводить из БД ее описание.
Вот шаблон:
<div id="Photogallery">
        <?php if (empty($this->photos)) : ?>
            <span>В этом альбоме нет фотографий</span>
        <?php else: ?>
            <div id="FullImg">
                <img alt="" src="<?php echo $this->photos[0]->photoPath; ?>">
            </div>
            <div class="PvImg">
                <div class="Selected" id="DivImg_<?php echo $this->photos[0]->phid; ?>">
                    <img class="pseudo-link" onclick="showPhoto(<?php echo $this->photos[0]->phid; ?>)" alt="" src-big="<?php echo $this->photos[0]->photoPath; ?>" src="<?php echo $this->photos[0]->thumbPath; ?>" id="PvImg_<?php echo $this->photos[0]->phid; ?>" />
                </div>
            </div>
            <?php unset($this->photos[0]); ?>
            <?php foreach ($this->photos as $photo): ?>
                <div class="PvImg">
                    <div id="DivImg_<?php echo $photo->phid; ?>">
                        <img class="pseudo-link" onclick="showPhoto(<?php echo $photo->phid; ?>)" alt="" src-big="<?php echo $photo->photoPath; ?>" src="<?php echo $photo->thumbPath; ?>" id="PvImg_<?php echo $photo->phid; ?>" />
                    </div>
                </div>
            <?php endforeach; ?>
        <?php endif; ?>
    </div>


Функция для фото:

function showPhoto(phid){
    $('#FullImg img').attr('src', $('#PvImg_'+phid).attr('src-big'));
    $('#PhotoView div.Selected').removeClass('Selected');
    $('#DivImg_'+phid).addClass('Selected');
}


Подскажите, как реализовать. Нужна ли отдельная функция типа showDescription()?

ksa 30.09.2011 14:18

Цитата:

Сообщение от Daywalker
с превьюшками на php, нужно с помощью jquery

Если у тебя уже есть вывод серверным языком, зачем тебе клиентский?

Daywalker 30.09.2011 14:36

Цитата:

Сообщение от ksa (Сообщение 128907)
Если у тебя уже есть вывод серверным языком, зачем тебе клиентский?

Вывод серверным, а навигация клиентская.
Показ большой фотографии по клику на превью осуществляется с помощью js, нужно также показать описание этой фотки.
Галерея написана не мной, я лишь пытаюсь доработать ее:)

ksa 30.09.2011 14:56

Цитата:

Сообщение от Daywalker
Показ большой фотографии по клику на превью осуществляется с помощью js, нужно также показать описание этой фотки.

Ясно...
Добавь в разметку еще один ДИВ, дай ему ИД... А потом в него и выводи нужную информацию.

ksa 30.09.2011 15:03

Что-то типа такого...

<div id="FullImg">
   <img alt="" src="<?php echo $this->photos[0]->photoPath; ?>">
   <div id="FullImg_txt"></div>
</div>

...
function showPhoto(phid){
    $('#FullImg img').attr('src', $('#PvImg_'+phid).attr('src-big'));
	var txt='какой-то текст к картинке'
    $('#FullImg_txt').html('<p>'+txt+'</p>');
    $('#PhotoView div.Selected').removeClass('Selected');
    $('#DivImg_'+phid).addClass('Selected');
}

Daywalker 30.09.2011 15:34

Спасибо:)


Часовой пояс GMT +3, время: 02:26.