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

Вопрос?

 
Посетитель
small user social cms
Медаль
Сообщений: 894
Всем доброго часа! Друзья подскажите как сделать что бы при наведении на главную картинку в новостях она открывалась до оригинального размера.
В полях набор изображений там все понятно,и красиво получается, а вот как увеличить главную при наведении или нажатии на кнопку. Как?
Подскажите решение!, как такое можно сделать или может уже есть готовое решение?
Ростов 161 - Городской портал
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2791
templates\default\content\default_item.tpl.php (лучше создать нужного типа контента свой файл), найти
<div class="content_item <?php echo $ctype['name']; ?>_item">
ниже вставить:
Код PHP:
  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)
Редактировалось: 1 раз (Последний: 17 мая 2016 в 11:24)
Украинский для инстант
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 894
Спасибо! Опробую отпишусь.
Ростов 161 - Городской портал
Посетитель
small user social cms
Медаль
Сообщений: 894
Отлично все работает! Вот только обтекаемость картинки пропала. Как можно сделать с обтекаемостью.
Ростов 161 - Городской портал
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 3539
Олег Васильевич я:
Единственное так и на разобрался как сделать чтобы подхватывался размер пресета из настроек
Как-то так
Код PHP:
  1. $fields['photo']['options']['size_full']
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2791
MegaRostov:

Отлично все работает! Вот только обтекаемость картинки пропала. Как можно сделать с обтекаемостью.
Пример для дефолтного типа контента "новости":
Код CSS:
  1.  
  2. .content_item.news_item .photo {
  3. float: left;
  4. margin: 0 20px 0 0;
  5.  
  6.  
Украинский для инстант
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2791
Loadырь:

Как-то так
Код PHP:
  1. $fields['photo']['options']['size_full']
Спасибо, так работает.
Редактировалось: 1 раз (Последний: 17 мая 2016 в 11:44)
Украинский для инстант
Посетитель
small user social cms
Медаль
Сообщений: 894
Олег Васильевич я,
Теперь такая ситуация smile

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


После
Новостная картинка


Весело :)
Ростов 161 - Городской портал
Посетитель
small user social cms
Медаль
Сообщений: 894
М-да и в статьях как то не то

Пример:
Новостная картинка
Ростов 161 - Городской портал
Посетитель
small user social cms
Медаль
Сообщений: 925
Так решил ктонить вопрос с обтеканием?
Анапа объявления
Быстрый хостинг
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2791
MegaRostov, Capitan, я уже почти в дороге. Вернусь, гляну вам, если не решите за эти пару дней. Там в разы проще сделать чем объяснять.
Редактировалось: 1 раз (Последний: 17 мая 2016 в 15:02)
Украинский для инстант
Посетитель
small user social cms
Медаль
Сообщений: 894
Capitan,
Я понимаю у вас та же проблема что и у меня?
Ростов 161 - Городской портал
Посетитель
small user social cms
Медаль
Сообщений: 925
MegaRostov, Да, т.к. у нас одинаковые шаблоны.
Там вопрос в том что у меня помимо основного фото стоит еще и слайдер, так вот у него теперь фото стали как я понял исходного размера и естественно все сдвинулось вниз.
Хотя слайдер должен оставаться исходного размера и увеличивать фото только по клику.
Анапа объявления
Быстрый хостинг
Посетитель
small user social cms
Медаль
Сообщений: 894
увеличивать фото только по клику
Именно так!
А что за слайдер? Глянуть есть возможность?
Ростов 161 - Городской портал
Посетитель
small user social cms
Медаль
Сообщений: 925
MegaRostov, Слайдер от гудмайда
Глянуть? Ну зайдите в новости и гляньте. Тока счас я код удалил, привел все в исходное, пока вопрос не разрешится. Я у вас кстати некоторые идеи подсмотрел v
Анапа объявления
Быстрый хостинг
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.