Как изменить способ увеличения фото?

голоса: 0
Как сделать, чтобы увеличенная фотка открывалась поверх текущего окна?
Адрес сайта http://kanschool26.ucoz.net/
| Автор: | Категория: Вопросы новичков

Ответов: 1

Голоса: +1
 
Лучший ответ

Вот так:

 


<a href="http://kanschool26.ucoz.net/Img/News/konkurs-smotr_stroja_i_pesni-1.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере...">
<img src="http://kanschool26.ucoz.net/Img/News/konkurs-smotr_stroja_i_pesni-1.jpg" style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-left: 3px; margin-right: 3px; margin-top: 6px; margin-bottom: 6px; width: 250px; height: auto; " />
</a>

| Автор:
Выбор ответа лучшим | | Автор: Владимир Шкода
Спасибо, с первой фоткой получилось, а вторая открывает новую страницу с ошибкой 404, потому что после адреса фотки приписывается %20class=  А сделал также, скопировал и вставил в нужное место.
Владимир Шкода,

у тебя вот тут ошибка...

<a href="/Img/News/konkurs-smotr_stroja_i_pesni-2.jpg class=" ulightbox"="" ttarget="_blank" title="Нажмите, для просмотра в полном размере...">

нормально скопируй, ты скопировал и отредактировал неправильно, вот второе изображение:

 

<a href="http://kanschool26.ucoz.net/Img/News/konkurs-smotr_stroja_i_pesni-2.jpg" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере...">
<img src="http://kanschool26.ucoz.net/Img/News/konkurs-smotr_stroja_i_pesni-2.jpg" style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-left: 3px; margin-right: 3px; margin-top: 6px; margin-bottom: 6px; width: 250px; height: auto; " />
</a>

Вовчик,
Такое уже было - мне говорят, что у тебя вот так, а я вижу, что этого нет. В Safary (Mac OS) ошибки не вижу, всё стоит, как у тебя. А в Windows в Опере почему-то не могу сделать вход на сайт - не активна кнопка "Войти через uID" (такое последнее время бывает часто). Может ещё какие варианты есть? Target у меня был почему-то с двумя Т - я исправил, но это не помогло. Первая картинка по-прежнему работает, а вторая нет.
Владимир Шкода,

Так вообщем, про прошлый вариант забывай, верни все как было.

Теперь делай вот так:

Вставь данный код перед </body>, на той странице где эти изображения:

<script> 
$('a[href$=".png"], a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"]').addClass('ulightbox');
</script>

 

Вовчик,
Вставил на главной странице, где новости. Вот снимок экрана:  http://kanschool26.ucoz.net/Img/PrintScrin/snimok_ehkrana_7.png  Фотки по-прежнему открываются на новой странице в том же окне (закладке).
Владимир Шкода,

Вставь данный код перед </body>

Вовчик,
Ура! Спасибо, получилось.
...