• Страница 2 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Появление большой картинки при наведении на маленькое. Как? (Варианты решения на JavaScript и CSS)
Появление большой картинки при наведении на маленькое. Как?
Дата: Суббота, 15.10.2011, 23:18 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


Опера, Мозилла работает. В Хроме и ИЕ не работает! biggrin (хотя пример работает!!!)

 
Дата: Суббота, 15.10.2011, 23:22 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


И ещё, вот здесь:
Quote (CSS)
.pbpostimg {
float: left;
padding: 0 13px 0 3px;
width: 180px;
}

- ширина не должна быть фиксированной, лучше вообще убрать, а то текста не видно ...


...

В Хроме и IE v7 работает.


...

Прикрепления: 2298308.png (16.5 Kb) · 9497548.png (42.6 Kb)

 
Дата: Суббота, 15.10.2011, 23:29 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
- ширина не должна быть фиксированной, лучше вообще убрать, а то текста не видно

Это для маленькой картинки, которая на главной странице выводится, с скрин с новости...

И, кстати, раньше хоть в Опере и Мозилле работало, сейчас НИГДЕ biggrin


 
Дата: Суббота, 15.10.2011, 23:34 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


A11igatoR,
Quote (A11igatoR)
И, кстати, раньше хоть в Опере и Мозилле работало, сейчас НИГДЕ

После каждого изменения сбрасывай кэш ... Внешние файлы кэшируются, поэтому иногда изменений не видно ...
У меня до сих пор работает ... на странице новостей ...
...
Quote (A11igatoR)
Это для маленькой картинки, которая на главной странице выводится, с скрин с новости...

Тогда так и напиши:
Quote (CSS)
.pbpostimg {
float: left;
padding: 0 13px 0 3px;
}
img.pbpostimg {
width: 180px;
}

...


 
Дата: Суббота, 15.10.2011, 23:40 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


с 2ух других компов попробовал нигде не работает!

 
Дата: Суббота, 15.10.2011, 23:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


A11igatoR,
Quote (A11igatoR)
с 2ух других компов попробовал нигде не работает!

Вот этот адрес:
Code
http://applenews.3dn.ru/news/

?
... Только что оттуда. Пока работает ... )


 
Дата: Воскресенье, 16.10.2011, 00:03 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Code
http://applenews.3dn.ru/news/

Отсюда работает везде (со всех компов biggrin ), но надо что бы работало
Code
http://applenews.3dn.ru
вот отсюда.

Вроде скрипты то на странице - "Архив материалов", а это и есть "Главная"!


 
Дата: Воскресенье, 16.10.2011, 01:27 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


A11igatoR,
Quote (A11igatoR)
Отсюда работает везде (со всех компов biggrin ), но надо что бы работало
http://applenews.3dn.ru
вот отсюда.
Вроде скрипты то на странице - "Архив материалов", а это и есть "Главная"!

Нет, дорогой, «Главная» - это «Главная» - модуль «Редактор страниц» (он же «\index\» или «Страницы сайта») ....



По этому и написал:
Quote (likbezz)
ещё лучше было бы - в глобальный блок, типа «$GLOBAL_FOOTER$» ...
Но у тебя их нет.

... Так что, добавляй во все шаблоны, кроме «Вид материалов» в которых должно работать ....

Прикрепления: 9031686.png (3.5 Kb)

 
Дата: Воскресенье, 16.10.2011, 01:59 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


Заработало и даже с первого раза biggrin :D biggrin Чудеса какие - то)

....

А картинки выводятся тем, размером которым их загрузили в новость?


Сообщение отредактировал A11igatoR - Воскресенье, 16.10.2011, 02:01
 
Дата: Воскресенье, 16.10.2011, 02:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


A11igatoR,
Quote (A11igatoR)
Заработало и даже с первого раза biggrin biggrin biggrin Чудеса какие - то)

... Опыт.
Это называется «Опыт», а не “Чудеса” ... Со временем ко всем приходит )
...
Quote (A11igatoR)
А картинки выводятся тем, размером который их загрузили в новость?

Ага, реальным размером картинки.
...


 
Дата: Воскресенье, 16.10.2011, 02:08 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


А нельзя сделать так что бы, картинка выводилась фиксированным размером, ну допустим 250 на 300 px?

 
Дата: Воскресенье, 16.10.2011, 11:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


A11igatoR,
Quote (A11igatoR)
А нельзя сделать так что бы, картинка выводилась фиксированным размером, ну допустим 250 на 300 px?

Можно, например:
span.zoomBox img.zoom2{width:300px;height:auto;}
НО, дело в том, что координаты большой картинки скрипт расчитывает исходя из реальных размеров, а не указанных.
Следовательно, смешение по осям X и Y - будет ошибочным.

Для этого я и написал третий вариант:
Quote (likbezz)
Или вот, простенький скриптик ...
Пример №3 ...
...

... Там можно прописать всё что угодно ...
Но ещё лучше, написать свой, под свои запросы ...
...


 
Дата: Воскресенье, 16.10.2011, 14:30 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


Что то опять не работает у меня 3 пример скрипта:

Code
$(document).ready(function(){  
/*Start DocumentReady*/
$('.zoom').hover(function(){
$(this).children('img').stop().animate({width:"auto",height:"400px"},400);
},function(){$(this).children('img').stop().animate({width:"auto",height:"200px"},400);
});
/*End DocumentReady*/
});


.zoom меняю на .pbpostimg (блок в котором находится картинка), ну и прописываем скрипты в шаблоны там где нужно отображать.

Кэш почистил.


 
Дата: Вторник, 18.10.2011, 03:24 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


A11igatoR,
Quote (A11igatoR)
Что то опять не работает у меня 3 пример скрипта:

Не нашёл страницы с примером ...
... Для экспериментов лучше создать отдельную страницу и пробовать там ...
...


 
Дата: Вторник, 18.10.2011, 14:38 |
A11igatoR
Сержант
Группа: Проверенные
Сообщений: 37
Награды: 0
Репутация: 0
Статус: Offline


Тестовая страница.

Картинка (рожа) заработала, а вторая картинка не работает почему то... и по прежнему на главной странице не работает.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Появление большой картинки при наведении на маленькое. Как? (Варианты решения на JavaScript и CSS)
  • Страница 2 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Поиск:


Мобильная версия