Drop down прозрачна кутия при клик на изображение?

[GOTI]

Търсех доста в дядо гугал но не намерих това което търся.
Трябва ми нещо като падаща прозрачна кутия която като се мине през изображение или се кликне на него да излиза, като се махне мишката или се цъкне другаде да се маха.

Някакви идеи? :idea:

Ако може и да е с JS ЩЕ Е ПЕРФЕКТНО

 

[paco92]

незнам ама по поста ти мисля че търсиш нещо такова
ЛИНК-1
ЛИНК-2
ТОВА е с JavaScript
Надявам се да съм ти помогнал

 

[GOTI]

Ами не точно.

Погрешно съм го написал за което съжалявам и се извинявам.

Трябва да се цъка на снимката. Като прозрачно падащо меню

нещо като това

Само че да се цъка на него, като се цъкне някъде другаде независимо къде да остава само картинката (скайп иконата извън полето)

 

[paco92]

ами значи мисля че така ще стане пробвай това и ми кажи дали ще е добре
[css].thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:active{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:active span{
visibility: visible;
top: 0;
left: 60px;

}[/css]

<a class="thumbnail" href="#thumb"><img src="background.jpg" width="100px" height="66px" border="0" /><span><img src="body.jpg" /><br />тук слагаш текста който искаш отгоре е снимката а отдолу е текста</span></a>

значи снимката и текста ще се показват като кликнеш на снимката с този код

 

[GOTI]

това е но трябва да се държи на картинката за да излиза прозореца...

Може ли да се оправи като се цъкне и да седи, докато не се цъкне някъде другаде ако ще и на background-a

 

[syneidesys]

Виж това дали става-разбира се със твои изображения
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

 

[GOTI]

Виж това дали става-разбира се със твои изображения
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

Така само че текстови безцветен прозорец. в прозореца да може да се добавя текст картинка и линк

 

[syneidesys]

Ако си го видял някъде -дай линк да свалим кода !
Иначе става гадаене!

 

[GOTI]

Там е че ми хрумна като идея ...

Като се кликне на икона примерно НАЧАЛО да излиза един голям прозорец и в него да си бутам картинки линкове и така нататък.


Менюто на http://www.sokothemes.com/themes/?theme=selling е това което искам само че да се показва като се цъкне а не като се сложи мишката на него, прозореца да излиза централно на страницата и да може да се въвежда инфо вътре.

 

[syneidesys]

Кода на тая страница нито е много -нито е малко !
Можеш да го вземеш например със firebug или по лесно със web developer toolbar за мозила
Обаче ако ще имаш някаква форма за изпращане на текст -ще трябва най вероятно РНР и колегите ще я измислят по добре!

 

[GOTI]

Ами не, то текста ще е статичен за това и не съм тръгнал да го ръчкам с php.
Знам че и флаш ще се получи но ми е непознато.....

Затова е и тази опция html+JS+CSS може и ajax иии малко jquery

 

[syneidesys]

Нали ти казвам-слагай тези добавки на браузъра или ако си на хром със неговия инструмент сваляй код! И като се опиташ да го нагодиш -тогава питай -щото ако стане и ние ще се облажим! :?:

Използвай например кода от моя линк-вместо голямото изображение си направи едно PNG със фотошоп или гимп или даже със онлайн инструмент!
Сложи един прозрачен бекграунд ,добави текстов слой и някакво изображение в единия ъгъл ,както ти е нужно !
Даже прозрачния бекграунд го направи по голям -за да може като чукнеш почти навсякъде във страницата и да изчезне изображението!

 

[syneidesys]

Ето един експеримент със мое прозрачно изображение !
Сложил съм му някакъв бордер ,който може да се махне от css файла!
link