Нашел пример реализации тени тут

Выкачал эти вот файлы:
http://www.erik-rasmussen.com/blog/downloa...43/prototype.js
http://www.erik-rasmussen.com/blog/downloads/143/shadower.js

Все подключил, все работает, но вот только тень слишком широкая...
Я так понимаю, это зависит от размера элемента, к которому я подключаю класс shadowed.

В жс не шарю вообще, подскажите, как мне поменять размер тени, указать например в пикселах на сколько она должна отходить от имаги.

З.Ы. Заранее благодарен!!!

Посмотри где там distance определено и меняй это число.

Можно также без JS обернуть в табличку:

<table border="0" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td><img src="Compass.gif" width="60" height="60"></td>
    <td align="left" valign="top"><img src="spacer.gif" width="10" height="10" style="background-color:#FFFFFF "></td>
  </tr>
  <tr>
    <td colspan="2" align="left" valign="top"><img src="spacer.gif" width="10" height="10" style="background-color:#FFFFFF "></td>
  </tr>
</table>

Где Compass.gif - искомое изображение,
spacer.gif - распорка (gif прозрачный 1px на 1px),
#666666 - цвет тени,
10 - ширина тени.

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

Большое спасибки, буду пробовать крутить с дистанс =)

=(
меняя дистанцию и угол заметил, что по ОХ и ОУ смещение идет разное...

решил попробовать так:

<div class="float shadowed" >
                    <div class=""><img src="'.$url.'/'.$images[$i].'" alt="'.$row['title'].'" width="290" height="220"></div>
                    </div>

Подскажите плиз, как разместить первый див под вторым (второй - в котором и лежит имага)

Получится как бы так:

//Красный - нижний блок, от которого и будет идти тень.

----------------
| ------------- |
| |бла - бла||
| ------------- |
----------------

Тякс, вроде сделал: просто применив позиционирование position:relative...
но все равно не могу добиться нужного эффекта=((((

вот что получается:



Т.е. тень расползается куда хочет... крутил с настройками шадовера, но ни к чему не пришел... если б тут было смещение по ОХ и по ОУ - все было бы гараздо проще!

а хотелось бы прийти к чему то на подобии:




Если не сложно вам, помогите плиз

Что-то мне так кажется, что в ПХП будет проще реализовать эту тень... И гарантированно, что не будет проблем в любом браузере. И сделать это очень просто.
Берем библиотеку GD2, и за 5 минут всё реализуем

Ну вот пример работы такого скрипта. Я его сделал специально, чтобы показать возможности ПХП в этом направлении.
Далее - исходный файл


А тут - измененный скриптом файл. Цвет, размер и фактуру тени можно менять так, как захочется Можно сделать "размытую" границу... Короче говоря - всё в руках программера. И также тут гарантировано, что тень никуда не уедет.

sergeiss
Nikitian както рекомендовал вместо GD юзать ImageMagick. Есть какието кардинальные отличия в них? (просто, как правило, на хостингах, где дают GD, также предоставляют и IM)

sergeiss
заинтриговал:) а функции какие хоть пользовал?
подскажи дерёвне..

Gabriel
Это вобщемто еще даже примитив для GD2 будет, там возможностей в описании куда больше.

Я это скрипт выложил для тестирования, http://owndesign.ru/shadow.php. Он берет только jpg файлы!!!
Параметры (передаем через GET): photo - имя файла, s_x и s_y - размеры тени. Если размер файла более 500*300 точек, то он будет обрезан до этого размера. Максимум s_x - 30 точек, s_y - 20 точек (по умолчанию, если не указаны, будет тень 15 по горизонтали и 8 по вертикали)

Возьмём, например, логотип сайта


И передадим его в тестовый скрипт.
Результат можно посмотреть на странице http://owndesign.ru/show_shadow.php


Gabriel - а ты сам подумай сначала Возможно, что и догадаешься.

sergeiss
первый ссылк не открываеться

}{ех, закидали вы тут непонятными словами=))))

пашел гуглить=)))


Погуглил... что то мне не нравится все это=)))) Эо запарно - связываться с хостингом, смотреть, что тама у них и как... Спасибо за предложение, быть может, когда наберусь опыта и буду пользоваться этим, а покка увы.

Все же прошу помочь мне с вариантом, который я практически доделал с форумчанской помощью=)))

Согласен, уж лучше на пхп такое делать чем на JS.


sergeiss
Меня немного "вес" тех картинок смутил. Исходная весит 60 кило, а та что с тенью - 140! Чтото ты с качеством переборщил То видна существенная задержка при выводе второго изображения.

Насчет размера могу сказать только одно - это картинки разных форматов! Первая - jpg, вторая (была) - png.

Я сейчас сделал там добавку, можно в строке вызова картинки указать в явном виде формат выходного файла. outtype=jpeg (gif, png) - всего 3 формата (см. текст страницы http://owndesign.ru/show_shadow.php). Сравни размеры картинок разного типа!

При этом формат входного файла может быть также одним из трех: jpeg, gif, png. Любые другие будут игнорироваться. Можно и расширить этот список Но я специально ограничил.

PS. Различие в размерах файлах говорит только о том, что ЖПЕГ больше предназначен для упаковки именно фоток и всяких полутоновых картинок, в то время как ПНГ больше подходит для упаковки именно графиков. Если взять график, а не фото такого же размера, то тогда ПНГ уже будет более выигрышным вариантом.

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

Тякс, буду пробовать, не сразу понял =)))) я када гуглил наткнулся просто на установку ГД =)))) и мне стало страшно. пхп нгемного знаю.... сайт хоть и корявенький, но своими руками деланный...

brainraider
этого достаточно
ну и парочку примеров скриптов, генерирующих изображения)

сам с GD работал только по статьям из буки. списка функций хватило чтобы разобраться

Чет я все равно не могу понять....

Вот есть у мну код, лежит на локалке в папке сайта:

 echo '
                    <div class="float"><img src="'.$url.'/'.$images[$i].'" alt="'.$row['title'].'" width="290" height="220"></div>
                    ';

И как же мне сюда прикрутить скрипт?! оО

Просьба не смеяться, но я вообще не могу понять, как будет работать скрипт с другого сайта на моем.... если у мну нет доступа к коду.....

А зачем тебе скрипт с другого сайта? Делаешь свой, и кладешь на своем сайте.

будет

<div class="float"><img src="makeshadow.php?/photo=*адрес картинки*" alt="'.$row['title'].'" width="290" height="220"></div>

а твой makeshadow.php возвращает картинку

sergeiss
интересно твоё мнение насчёт того что я понаписал..
я тебе в приват кину то что накодил. если не лень будет, глянь пожалуйста

sergeiss
А чем тебе GIF не угодил? Сам экспериментировал эти два формата по качеству/весу и PNG явно уступает. Это в GD не было поддержки GIF, а во второй же есть, чего его не юзать, так как гиф намного меньше в размере занимает места?

Вот вобщем, то о чем говорю.
http://s15.radikal.ru/i188/0911/92/2af93562264e.bmp
(без сжатия сохранил, чтоб не было искажений рисунков)

SunSet - ты знаешь... Я изначально сделал один только ПНГ только потому, что функции для этого формата мне первые в голову пришли Не более того.
Потом уж сделал и ЖПЕГ, и ПНГ, и ГИФ. Дальше люди пусть сами выбирают, что им надо. А я не ставил цели что-то сравнивать. Я же только хотел показать, что можно сделать искомую тень средствами ПХП.

Так, ну ент я понял - буду учить функции=))))

А скажите плиз, кто слышал (может и использовал) про фильтры КСС?!

http://css.softstore.by/filter-css.html


Как енто юзать - я попробовал, как там в примерах - у мну ниче не произошло=)


... Ну на сколько понял - в Опере не пашет=((((( эх, буду все же мучать ГД2, вот только хочется добиться результата с размытием.... может реализовать его градиентом... В ГД2 так можно?