[Ликбез]

Форма входа

Меню сайта



Появление большой картинки при наведении на маленькое. Как?
[16] A11igatoR [15.10.2011, 23:18]
Опера, Мозилла работает. В Хроме и ИЕ не работает! biggrin (хотя пример работает!!!)
[17] likbezz [15.10.2011, 23:22]
И ещё, вот здесь:
Quote (CSS)
.pbpostimg {
float: left;
padding: 0 13px 0 3px;
width: 180px;
}

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


...

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


...
Прикрепления: 2298308.png (16.5 Kb) · 9497548.png (42.6 Kb)
[18] A11igatoR [15.10.2011, 23:29]
Quote (likbezz)
- ширина не должна быть фиксированной, лучше вообще убрать, а то текста не видно

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

И, кстати, раньше хоть в Опере и Мозилле работало, сейчас НИГДЕ biggrin
[19] likbezz [15.10.2011, 23:34]
A11igatoR,
Quote (A11igatoR)
И, кстати, раньше хоть в Опере и Мозилле работало, сейчас НИГДЕ

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

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

...
[20] A11igatoR [15.10.2011, 23:40]
с 2ух других компов попробовал нигде не работает!
[21] likbezz [15.10.2011, 23:55]
A11igatoR,
Quote (A11igatoR)
с 2ух других компов попробовал нигде не работает!

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

?
... Только что оттуда. Пока работает ... )
[22] A11igatoR [16.10.2011, 00:03]
Quote (likbezz)
Code
http://applenews.3dn.ru/news/

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

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

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



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

... Так что, добавляй во все шаблоны, кроме «Вид материалов» в которых должно работать ....
Прикрепления: 9031686.png (3.5 Kb)
[24] A11igatoR [16.10.2011, 01:59]
Заработало и даже с первого раза biggrin :D biggrin Чудеса какие - то)

....

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


Сообщение отредактировал A11igatoR - Воскресенье, 16.10.2011, 02:01
[25] likbezz [16.10.2011, 02:05]
A11igatoR,
Quote (A11igatoR)
Заработало и даже с первого раза biggrin biggrin biggrin Чудеса какие - то)

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

Ага, реальным размером картинки.
...
[26] A11igatoR [16.10.2011, 02:08]
А нельзя сделать так что бы, картинка выводилась фиксированным размером, ну допустим 250 на 300 px?
[27] likbezz [16.10.2011, 11:17]
A11igatoR,
Quote (A11igatoR)
А нельзя сделать так что бы, картинка выводилась фиксированным размером, ну допустим 250 на 300 px?

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

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

... Там можно прописать всё что угодно ...
Но ещё лучше, написать свой, под свои запросы ...
...
[28] A11igatoR [16.10.2011, 14:30]
Что то опять не работает у меня 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 (блок в котором находится картинка), ну и прописываем скрипты в шаблоны там где нужно отображать.

Кэш почистил.
[29] likbezz [18.10.2011, 03:24]
A11igatoR,
Quote (A11igatoR)
Что то опять не работает у меня 3 пример скрипта:

Не нашёл страницы с примером ...
... Для экспериментов лучше создать отдельную страницу и пробовать там ...
...
[30] A11igatoR [18.10.2011, 14:38]
Тестовая страница.

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


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