С нами с 13.04.05
Сообщения: 412
Рейтинг: 332
|
 Добавлено: 18/06/08 в 18:59 |
Имеем вот такую конструкцию | Код: | | <a href='большай картинка'><img src="маленькая картинка" alt="описание" title="описание" /></a> |
, нужно открыть большую картинку в новом окне причём это окно должно подстроится под размеры картинки, и еще чтобы при клике на эту большую картинку она закрывалась...
Видел где то инструкцию как всё это сделать, но сейчас не могу найти, помогите..., рейтинг по максимуму
|
|
|
|
Если есть что сюда написать - пишите, подумаем
|
0
|
|
| |
programmer
С нами с 08.12.02
Сообщения: 7615
Рейтинг: 5760
|
| Добавлено: 18/06/08 в 19:24 |
| Код: | <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(); по онклик
|
|
|
|
| |
С нами с 13.04.05
Сообщения: 412
Рейтинг: 332
|
| Добавлено: 19/06/08 в 09:21 |
А можно как то это всё реализовать совсем без добавления в ссылку конструкции javascript:x_window('images/test.jpg'), то есть просто добавить скрипт
|
|
|
|
Если есть что сюда написать - пишите, подумаем
|
0
|
|
| |
programmer
С нами с 08.12.02
Сообщения: 7615
Рейтинг: 5760
|
| Добавлено: 19/06/08 в 10:06 |
вообще ничего не добавляя в ссылку ты хочешь?
так вряд ли получится
|
|
|
|
| |
С нами с 13.04.05
Сообщения: 412
Рейтинг: 332
|
| Добавлено: 19/06/08 в 10:30 |
Собственно да, вроде где-то видел такое решение именно что после тега а идёт имг...
|
|
|
|
Если есть что сюда написать - пишите, подумаем
|
0
|
|
| |
С нами с 16.03.08
Сообщения: 85
Рейтинг: 52
|
| Добавлено: 20/06/08 в 12:58 |
на dynamicdrive.com пяток решений точно найдёш,очень хороший сайт по имедж-эффектам и ява скриптам.фор фрии
|
|
|
|
| |
С нами с 24.10.04
Сообщения: 18881
Рейтинг: 9010
 
|
| Добавлено: 20/06/08 в 13:01 |
| L.y.S. писал: | | на dynamicdrive.com пяток решений точно найдёш,очень хороший сайт по имедж-эффектам и ява скриптам.фор фрии |
интересный ресурс, надо будет глянуть!
|
|
|
|
| |
С нами с 15.03.08
Сообщения: 33
Рейтинг: 96
|
| Добавлено: 24/06/08 в 15:48 |
Может быть имеет смысл посмотреть в сторону Lightbox? Работает во всех современных браузерах, легкий в использовании, быстрый, симпатичный, бесплатный и вообще уже почти стандарт  Заодно от проблемы с редиректом popup'ов в табы не будешь сталкиваться.
|
|
|
|
| |
С нами с 13.04.05
Сообщения: 412
Рейтинг: 332
|
| Добавлено: 24/06/08 в 19:13 |
Возможно стоит, но нужно добавлять в ссылку
|
|
|
|
Если есть что сюда написать - пишите, подумаем
|
0
|
|
| |
С нами с 15.03.08
Сообщения: 33
Рейтинг: 96
|
| Добавлено: 24/06/08 в 19:17 |
| Lexa_007 писал: | | Возможно стоит, но нужно добавлять в ссылку |
Да, конечно. Впрочем я не вижу в этом никакой проблемы. Если же по каким-то причинам этого сделать нельзя - достаточно просто пишется маленький скриптик который перед стартом Lightbox пробегается по DOM дереву, ищет все: | Код: | | <a href=""><img src=""></a> |
и проставляет им rel="lightbox". Таким образом менять в коде страницы вообще ничего не придется.[/code]
|
|
|
|
| |
С нами с 13.04.05
Сообщения: 412
Рейтинг: 332
|
| Добавлено: 25/06/08 в 20:33 |
О, а это идея! Может кто подскажет решение?
|
|
|
|
Если есть что сюда написать - пишите, подумаем
|
0
|
|
| |
С нами с 19.10.05
Сообщения: 351
Рейтинг: 755
|
| Добавлено: 25/06/08 в 22:19 |
Вставь в конец страницы!
| Код: | <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>
|
|
|
|
| |
С нами с 15.03.08
Сообщения: 33
Рейтинг: 96
|
| Добавлено: 26/06/08 в 11:30 |
| -=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'а. Но это уже зависит от деталей задачи, а они не описаны в начальном посте.
|
|
|
|
| |
