Мой крест, или настройка Lightbox

[Удален]
1785

Использую на сайте плагин Lightbox, настроила его под себя, очень нравится.

Единственное, что мучает меня до сих пор – крестик закрытия файла, который находится в нижнем правом углу. Привычней было бы видеть его в правом верхнем, т.к. снизу он часто обрезан границей монитора и не все посетители сайта могут сразу его найти.

А я все никак не могу разобраться, как это сделать… Лайтбокс подключен к трем файлам: это библиотека jquery-1.7.2.min.js, сам скрипт lightbox.js и стили к нему lightbox.css.

Можно было бы поправить стили и через отрицательный margin поднять крест наверх, но картинки бывают разного размера, поэтому этот способ не годится.

Возможно, есть еще и другие решения?

A
На сайте с 23.11.2016
Offline
7
#1
Cat_Out:
и не все посетители сайта могут сразу его найти

может они его не ищут) Я не сталкивался с Lightbox, но если быдлокодить, то наверно через абсолютное позиционирование (top, right) можно сделать

дани мапов
На сайте с 06.09.2012
Offline
204
#2
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
[Удален]
#3
дани мапов:
Так попробуйте - http://stackoverflow.com/questions/2...top-right-area

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

melkozaur
На сайте с 06.04.2010
Offline
532
#4

>2016

>крестик для закрытия

Зачем этот крестик вообще? Убрать и забыть. Сворачивание всей этой музыки должно происходить по щелчку вне картинки.

[Удален]
#5
melkozaur:
Сворачивание всей этой музыки должно происходить по щелчку вне картинки

Сворачивание происходит, проблем никаких. А вот вебвизор показывает, как некоторые клиенты начинают дергать мышкой в правом верхнем углу, и не найдя крестика на нужном месте закрывают страницу сайта.

tommy-gung
На сайте с 22.11.2006
Offline
300
#6

кдпв ок

чтоб попробовать переопределить стили, нужна ссылка на страницу

Здесь не могла быть ваша реклама
DV
На сайте с 01.05.2010
Offline
644
#7
Cat_Out:
Наверное у меня какой-то другой лайтбокс...

По версии гуглите.

Ещё пример: http://aaron-kelley.net/blog/2010/11/lightbox-2-04-close-button-on-top/

Заголовок темы воспринял как "Приходится нести тяжкий крест Лайтбокса".

Картинка бодрая.

VDS хостинг ( http://clck.ru/0u97l ) Нет нерешаемых задач ( https://searchengines.guru/ru/forum/806725 ) | Перенос сайтов на Drupal 7 с любых CMS. ( https://searchengines.guru/ru/forum/531842/page6#comment_10504844 )
totamon
На сайте с 12.05.2007
Offline
437
#8
Cat_Out:
настроила его под себя

что-то не то значит настроили, верните как было...

tommy-gung:
чтоб попробовать переопределить стили, нужна ссылка на страницу

да я тоже не откажусь посмотреть на оригинал фото😂

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
[Удален]
#9

Ой, все. Кажется, проблема решена.

Полезла искать номер версии скрипта, это оказался Lightbox v2.51. Для тупых ниже оказалось написано For more information, visit: http://lokeshdhakar.com/projects/lightbox2/ . Ну я конечно же визит, и обнаружила там раздел "Have a question about how to use Lightbox?" Ай хэв, пошла дальше, нашла тему "How To Move Lightbox2 Close Buttons To Top". Затем пара легких движений и крестик на месте.

Да, решение нашлось через position: absolute;

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий