Новостная картинка

Вопрос?

#1 17 мая 2016 в 10:07
Всем доброго часа! Друзья подскажите как сделать что бы при наведении на главную картинку в новостях она открывалась до оригинального размера.
В полях набор изображений там все понятно, и красиво получается, а вот как увеличить главную при наведении или нажатии на кнопку. Как?
Подскажите решение!, как такое можно сделать или может уже есть готовое решение?
#2 17 мая 2016 в 11:17
templates\default\content\default_item.tpl.php (лучше создать нужного типа контента свой файл), найти
<div class="content_item <?php echo $ctype['name']; ?>_item">
ниже вставить:
  1.  
  2. <?php if (isset($fields['photo']) && $fields['photo']['is_in_item'] && !empty($item['photo'])){ ?>
  3. <div class="photo">
  4. <a class="ajax-modal" href="<?php echo html_image_src($item['photo'], 'big', true, false); ?>">
  5. <?php echo html_image($item['photo'], 'normal', $item['title']); ?>
  6. </a>
  7. <?php unset($item['photo']); ?>
  8. </div>
  9. <?php } ?>
  10.  
Единственное так и на разобрался как сделать чтобы подхватывался размер пресета из настроек (тот по которому будем кликать). Потому указано "жёстко" (normal)
#3 17 мая 2016 в 11:20
Спасибо! Опробую отпишусь.
#4 17 мая 2016 в 11:27
Отлично все работает! Вот только обтекаемость картинки пропала. Как можно сделать с обтекаемостью.
#5 17 мая 2016 в 11:27

Единственное так и на разобрался как сделать чтобы подхватывался размер пресета из настроек

Олег Васильевич я
Как-то так
  1. $fields['photo']['options']['size_full']
#6 17 мая 2016 в 11:39


Отлично все работает! Вот только обтекаемость картинки пропала. Как можно сделать с обтекаемостью.

MegaRostov
Пример для дефолтного типа контента "новости":
  1.  
  2. .content_item.news_item .photo {
  3. float: left;
  4. margin: 0 20px 0 0;
  5.  
  6.  
#7 17 мая 2016 в 11:44


Как-то так

  1. $fields['photo']['options']['size_full']

Loadырь
Спасибо, так работает.
#8 17 мая 2016 в 11:54
Олег Васильевич я,
Теперь такая ситуация😊

До


После


Весело :)
#9 17 мая 2016 в 12:07
М-да и в статьях как то не то

Пример:
#10 17 мая 2016 в 14:29
Так решил ктонить вопрос с обтеканием?
#11 17 мая 2016 в 15:01
MegaRostov, Capitan, я уже почти в дороге. Вернусь, гляну вам, если не решите за эти пару дней. Там в разы проще сделать чем объяснять.
#12 17 мая 2016 в 15:07
Capitan,
Я понимаю у вас та же проблема что и у меня?
#13 17 мая 2016 в 16:04
MegaRostov, Да, т.к. у нас одинаковые шаблоны.
Там вопрос в том что у меня помимо основного фото стоит еще и слайдер, так вот у него теперь фото стали как я понял исходного размера и естественно все сдвинулось вниз.
Хотя слайдер должен оставаться исходного размера и увеличивать фото только по клику.
#14 17 мая 2016 в 16:08

увеличивать фото только по клику

Именно так!
А что за слайдер? Глянуть есть возможность?
#15 17 мая 2016 в 16:22
MegaRostov, Слайдер от гудмайда
Глянуть? Ну зайдите в новости и гляньте. Тока счас я код удалил, привел все в исходное, пока вопрос не разрешится. Я у вас кстати некоторые идеи подсмотрел v
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.