[carpe]

подскажите как на блогах blogspot'a можно сделать такой эффект с картинками как к примеру тут? http://leticja.tumblr.com/

[Сентини]

никак? или я ошибаюсь

[Zvеr]

На blogspot'е можно подключать свои таблицы стилей и скрипты? Тогда подключай любую jQuery галерею :)

[carpe]

На blogspot'е можно подключать свои таблицы стилей и скрипты? Тогда подключай любую jQuery галерею :)

там для таких галерей нужно какие-то плагины скачивать и открывать.... я никак не могу понять как заливать эти плагины на блогспот

[Delau]

там для таких галерей нужно какие-то плагины скачивать и открывать.... я никак не могу понять как заливать эти плагины на блогспот

блогспот не имеет своего файлового менеджера. по-этому придется залить скрипты на сторонний хост и загружать с него скрипты, посредством указания пути к ним в самом шаблоне блогспота.
если скрипт маленький, хорошо вшить его в сам шаблон,
а к jQuery подключить можно, указав путь на хост Ядекса, ибо он хостит у себя библиотеки.

---------- Сообщение добавлено 21:26 ---------- Предыдущее 21:06 ----------


вшей этот код:

Код HTML:

<style type="text/css">
 a img {background: black; opacity:0.5;}
 a:hover img {background: black; opacity:1.0;}
</style>

хз, давно не верстал, так вот попробуй этот код.
в ссылку вставляй изображение, к которому хочешь применить эффект.
(<a href="#"><img src="#" /></a>)

ps
если не работает пиши.

[carpe]

блогспот не имеет своего файлового менеджера. по-этому придется залить скрипты на сторонний хост и загружать с него скрипты, посредством указания пути к ним в самом шаблоне блогспота.
если скрипт маленький, хорошо вшить его в сам шаблон,
а к jQuery подключить можно, указав путь на хост Ядекса, ибо он хостит у себя библиотеки.

---------- Сообщение добавлено 21:26 ---------- Предыдущее 21:06 ----------


вшей этот код:

Код HTML:

<style type="text/css">
 a img {background: black; opacity:0.5;}
 a:hover img {background: black; opacity:1.0;}
</style>

хз, давно не верстал, так вот попробуй этот код.
в ссылку вставляй изображение, к которому хочешь применить эффект.
(<a href="#"><img src="#" /></a>)

ps
если не работает пиши.

получилось:) спасибо огромное))))
совсем уж обнаглею
а нет еще кода, чтобы вот было уменьшенное изображение (с этим же эффектом), и при нажатии или наводке мыши выводилось большое фото?

[Delau]

получилось:) спасибо огромное))))
совсем уж обнаглею
а нет еще кода, чтобы вот было уменьшенное изображение (с этим же эффектом), и при нажатии или наводке мыши выводилось большое фото?

1

Код HTML:

a img {width:100px; /* эт будет размер до увеличения (поиграйте с размером, поставте какой нужно) */}
a:hover img {position:relative; width:200px; /* эт будет размер после увеличения (поставте размер
какой нужно) */}

кстати у вас фон какого цвета?
ps чтобы эффект применялся к определенным картинкам, можно привязать class
ps2 хз, может не работать в IE6, да и не нужен он =)
вопросы?

[carpe]

вопросы?

да, сразу чтобы))
значит я в хтмл ставлю вот это <style type="text/css">
a img {background: black; opacity:0.5;}
a:hover img {background: black; opacity:1.0;}
</style> + (<a href="#"><img src="#" /></a>) и + вот это следом же a img {width:100px; /* эт будет размер до увеличения (поиграйте с размером, поставте какой нужно) */}
a:hover img {position:relative; width:200px; /* эт будет размер после увеличения (поставте размер
какой нужно) */} . Правильно?
фон эмм голубой:)
а не подскажите как привязать, мне бы как раз чтобы пределенные картинки были с таким эффектом (тень+увеличение по клику/нажатию), если я не достала еще)))
ps. могу в лс скинуть ссылку, чтобы вы посмотрели что как.. или могу сделать скрин и подписать что я именно хочу, чтобы потом меньше я вас доставала

[Delau]

Стирайте старые стиль, который я предлагал для затемнения, вставляйте этот:

Код HTML:

<style type="text/css">
   a.zoom img {opacity:0.5; width:100px; /* размер до */}
   a.zoom:hover img {opacity:1.0; position:relative; width:200px; /* размер после*/}
</style>

А вот так применять стиль к определенным картинкам:
<a class="zoom" href="#"><img src="ссылка на картинку" /></a>

Поиграйте с размером, если что пишите в лс.
Кстати , для того чтобы эффект работал при нажатии, используйте за место hover псевдокласс active

[carpe]

Стирайте старые стиль, который я предлагал для затемнения, вставляйте этот:

Код HTML:

<style type="text/css">
   a.zoom img {opacity:0.5; width:100px; /* размер до */}
   a.zoom:hover img {opacity:1.0; position:relative; width:200px; /* размер после*/}
</style>

А вот так применять стиль к определенным картинкам:
<a class="zoom" href="#"><img src="ссылка на картинку" /></a>

Поиграйте с размером, если что пишите в лс.
Кстати , для того чтобы эффект работал при нажатии, используйте за место hover псевдокласс active

все работает))) не знаю как благодарить))))