Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Помогите найти JavaSсript
цитата
18/06/08 в 18:59
 Lexa_007
Имеем вот такую конструкцию Код:
<a href='большай картинка'><img src="маленькая картинка" alt="описание" title="описание" /></a>
, нужно открыть большую картинку в новом окне причём это окно должно подстроится под размеры картинки, и еще чтобы при клике на эту большую картинку она закрывалась...
Видел где то инструкцию как всё это сделать, но сейчас не могу найти, помогите..., рейтинг по максимуму
цитата
18/06/08 в 19:24
 Sterx
Код:
<script type="text/javascript">
function x_window(imgSrc) {
margin = 20;
x_win = open("", "x_win", "resizable,width=100,height=100,top=0,left=0");
img = new Image();
img.onload = function() {
x_win.resizeTo(w = img.width + margin, h = img.height + margin*3);
x_win.moveTo( (document.body.clientWidth - w) / 2 , (document.body.clientHeight - h) / 2);
if( img.outerHTML ) x_win.document.write( img.outerHTML );
else x_win.document.body.appendChild(img);
}
img.src = imgSrc;
}
</script>

<a href="javascript:x_window('images/test.jpg')" > Show image </a>


ну и ссылка закрывает close(); по онклик
цитата
19/06/08 в 09:21
 Lexa_007
А можно как то это всё реализовать совсем без добавления в ссылку конструкции javascript:x_window('images/test.jpg'), то есть просто добавить скрипт
цитата
19/06/08 в 10:06
 Sterx
вообще ничего не добавляя в ссылку ты хочешь?
так вряд ли получится
цитата
19/06/08 в 10:30
 Lexa_007
Собственно да, вроде где-то видел такое решение именно что после тега а идёт имг...
цитата
20/06/08 в 12:58
 L.y.S.
на dynamicdrive.com пяток решений точно найдёш,очень хороший сайт по имедж-эффектам и ява скриптам.фор фрии
цитата
20/06/08 в 13:01
 ibiz
L.y.S. писал:
на dynamicdrive.com пяток решений точно найдёш,очень хороший сайт по имедж-эффектам и ява скриптам.фор фрии


интересный ресурс, надо будет глянуть!
цитата
24/06/08 в 15:48
 flying
Может быть имеет смысл посмотреть в сторону Lightbox? Работает во всех современных браузерах, легкий в использовании, быстрый, симпатичный, бесплатный и вообще уже почти стандарт icon_smile.gif Заодно от проблемы с редиректом popup'ов в табы не будешь сталкиваться.
цитата
24/06/08 в 19:13
 Lexa_007
Возможно стоит, но нужно добавлять Код:
rel="lightbox"
в ссылку
цитата
24/06/08 в 19:17
 flying
Lexa_007 писал:
Возможно стоит, но нужно добавлять Код:
rel="lightbox"
в ссылку


Да, конечно. Впрочем я не вижу в этом никакой проблемы. Если же по каким-то причинам этого сделать нельзя - достаточно просто пишется маленький скриптик который перед стартом Lightbox пробегается по DOM дереву, ищет все: Код:
<a href=""><img src=""></a>
и проставляет им rel="lightbox". Таким образом менять в коде страницы вообще ничего не придется.[/code]
цитата
25/06/08 в 20:33
 Lexa_007
О, а это идея! Может кто подскажет решение?
цитата
25/06/08 в 22:19
 -=Faraon=-
Вставь в конец страницы!
Код:
<script type="text/javascript">     
var reg=/(\w+\.(jpg|jpeg|gif|png|bmp))$/i;
lnk=document.links;
for(i=0;i<=document.links.length-1;i++){
if (reg.test(lnk[i].href)) {lnk[i].rel="lightbox";}}
</script>

Либоже найди в самом lightbox.js
function initLightbox()
{
эту строчку и вставь туда эток код без тегов <script>
цитата
26/06/08 в 11:30
 flying
-=Faraon=- писал:
Вставь в конец страницы!
Код:
<script type="text/javascript">     
var reg=/(\w+\.(jpg|jpeg|gif|png|bmp))$/i;
lnk=document.links;
for(i=0;i<=document.links.length-1;i++){
if (reg.test(lnk[i].href)) {lnk[i].rel="lightbox";}}
</script>

Либоже найди в самом lightbox.js
function initLightbox()
{
эту строчку и вставь туда эток код без тегов <script>


Подходящее решение, хотя я бы сделал через document.getElementsByTagName('IMG') и последующую проверку parent'а. Но это уже зависит от деталей задачи, а они не описаны в начальном посте.


Эта страница в полной версии