Плавающие изображения с помощью LightBox 2.6

Question

Плавающие изображения с помощью LightBox 2.6

0

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

Я не могу заставить изображения плавать с LightBox [v. 2.6]

У меня есть примерная страница проблемы здесь - http://quivis.co.uk/PROBLEMS/lightbox-float/index.html

Эта страница имеет 2 копии одного и того же изображения. Обе "работа" в том смысле, что когда вы нажимаете на них, LightBox делает свою блестящую вещь и срабатывает правильно, но обе ссылки изображения отображаются неправильно.

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

Поскольку все возможно, должно быть возможно совместить внешний вид 1 с позиционированием 2, но я не вижу, как это сделать!

Все связанные файлы находятся в папке "ПРОБЛЕМЫ". Пожалуйста, дайте мне знать, если я должен вставить html или css здесь.

Любая помощь очень ценится. Спасибо, Дункан

user2982606 12 нояб. 2013, в 11:26

Источник

0

Можете ли вы показать мне свой код?
zey 12 нояб. 2013, в 10:01
0

Первое изображение имеет плавать правильно, но вы не видите никакого эффекта это потому , что она плавает внутри элемента вокруг него , который имеет display:inline-block набора (через .lightbox-image-link ). Плавающие ссылки, содержащие изображения, а не сами изображения.
CBroe 12 нояб. 2013, в 10:04
0

Спасибо за пост Зей. Какой код; CSS или HTML?
user2982606 12 нояб. 2013, в 10:53

Показать ещё 1 комментарий

Теги:

html

css

lightbox

1 ответ

Ещё вопросы

Можете ли вы показать мне свой код?
Первое изображение имеет плавать правильно, но вы не видите никакого эффекта это потому , что она плавает внутри элемента вокруг него , который имеет display:inline-block набора (через .lightbox-image-link ). Плавающие ссылки, содержащие изображения, а не сами изображения.
Спасибо за пост Зей. Какой код; CSS или HTML?

Khurram Ishaque · Accepted Answer · 2013-11-12T07-37-00.000Z

Установите float: правый стиль в тег вместо float: справа на изображения. И есть неправильное написание атрибута класса во втором теге, оно упоминается как "xclass", исправляет это правописание тоже.

Спасибо, Хуррам. Я попробую добавить тег. «Ошибка написания» является преднамеренной; Я должен был выключить класс, чтобы заставить изображение плавать прямо для цели этого поста.