Как сделать просмотр записи при наведении на миниатюру?

Question

[Александр Ружевич]

Всем доброго времени суток. Если кто может помочь новичку - не проходите мимо) Нужно осуществить следующее: на странице находятся превью (миниатюры) определенной категории, как сделать так что бы при наведении на миниатюру (а лучше на блок с миниатюрой) появлялось окно определенных размеров (без перезагрузки страницы) в котором уже есть полная картинка а не миниатюра и пояснение, то есть грубо говоря при наведении на миниатюру появлялось окно с записью (естественно для каждой миниатюры своя запись). И если не сложно, хотя бы чуточку подробней. Заранее благодарю!

Answer 1

[Александр Голубев]

Добрый день.
Вот то, что вам нужно: mentor-framework.ru/?p=216

Нужно создать див с контентом в нем, а после спрятать его и показывать при клике, наведении курсора.

В примере нет перемещения с помощью Z-index, но лучше добавить.

Comments

[Александр Ружевич]

Спасибо что откликнулись. Создать блок и спрятать это да, но интересует следующее: нужно что бы в этом окошке подгружалась запись т.к. я сделаю сайт и отдам и редактированием заниматься буду не я, соответственно нужно что бы это было максимально на "автомате", добавил новую запись и все работает. На сколько я понял придется играться с позиционированием блока т.к. записи будут иметь разное местоположение.

[Александр Голубев]

Александр Ружевич: Вывод не так сложен, указываем <?php The_Content(); ?> и у нас выводится контент, или the_tittle например, тогда заголовок. (это если wordpress)
Нужно только рассчитать так, что бы при длинных заголовках и контенте он увеличивался по высоте или ширине.
Это не сложно.

[Александр Ружевич]

у меня записи выводятся следующим образом:




<?php $sp11 = new WP_Query('cat=2'); ?>

<?php while ($sp11->have_posts()) : $sp11->the_post(); ?>




<?php if ( has_post_thumbnail()) {the_post_thumbnail('full',array("class"=>"product_img"));} ?>


<?php the_title(); ?>
<?php the_content() ; ?>


<?php endwhile; ?>



получаю картинку и описание в итоге. Вы мне подскажите пожалуйста, с таким выводом записей при наведении на них я смогу "прикрутить" тот пример на который Вы дали ссылку? и в итоге получить красивое всплывающее окно?

[Александр Голубев]

Да, конечно. В это окно можно встроить что угодно.

[Александр Ружевич]

Спасибо, что откликнулись)