Дописать в коде

wwizard

wwizard

Местный житель
Регистрация
20 Июл 2009
Сообщения
585
Реакции
21
Вечер добрый. Не могу разобратся, прошу небольшой помощи. Как сделать - картинку - кликабельную.:

Код: 
<div>
          <div class="hexagon hexagon2 gallery-item">
            <div class="hexagon-in1">
              <div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg);">
                      <div class="overlay">
                        <a href="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand"></a>
                    </div>
              </div>
            </div>
          </div>
        </div>
 
HTML: 
// через img

<div>
<div class="hexagon hexagon2 gallery-item">
<div class="hexagon-in1">
<div class="hexagon-in2">
<div class="overlay">
<a href="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand"><img src="images/gallery/1.jpg" alt="" border="0"></a>
</div>
</div>
</div>
</div>
</div>


// или обернуть фоновую ссылкой
<div>
<div class="hexagon hexagon2 gallery-item">
<div class="hexagon-in1">

<a href="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand">
<div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg);">
<div class="overlay"></div>
</div>
</a>

</div>
</div>
</div>
<style>
.hexagon-in2 {
    width: 100px;
    height: 100px;
}
</style>
так или я чего не понял?
 
Teceract написал(а):
HTML: 
// через imтак или я чего не понял?[/QUOTE]
Нажмите для раскрытия...

Не совсем: Для просмотра ссылки Войди или Зарегистрируйся - сама страничка. Сначала при нажатии красной стрелки, открывается большая картинка, а вот по нажатию на большой, хочется перейти на нужную, например внешний сайт
 
wwizard написал(а):
Вечер добрый. Не могу разобратся, прошу небольшой помощи. Как сделать - картинку - кликабельную.:
Нажмите для раскрытия...
Код: 
<div>
          <div class="hexagon hexagon2 gallery-item">
            <div class="hexagon-in1">
              <div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg); alt="не забудьте"">
                      <div class="overlay">
<a href="http://ссылка.хз"><img src="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand" alt="не забудьте"></a>
                    </div>
              </div>
            </div>
          </div>
        </div>
оно?
 
Solus_Rex написал(а):
Код: 
<div>
          <div class="hexagon hexagon2 gallery-item">
            <div class="hexagon-in1">
              <div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg); alt="не забудьте"">
                      <div class="overlay">
<a href="http://ссылка.хз"><img src="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand" alt="не забудьте"></a>
                    </div>
              </div>
            </div>
          </div>
        </div>
оно?
Нажмите для раскрытия...

Для просмотра ссылки Войди или Зарегистрируйся -- теперь фотка не грузится
 
Вот сайт: Для просмотра ссылки Войди или Зарегистрируйся - проверка на первой картинке. С теткой в очках. На ней нажима., она открывается полностью и вот при нажатии на ней надо переход
 
Последнее редактирование:
HTML: 
<div id="lightbox" style="display: block;"><a href="#" class="lightbox-close lightbox-button"></a><div class="lightbox-nav"><a href="#" class="lightbox-previous lightbox-button"></a><a href="#" class="lightbox-next lightbox-button"></a></div><div href="#" class="lightbox-caption" style="display: none;"><p></p></div><a href="http://ssylka.vkolymu"><img src="images/gallery/1.jpg" draggable="false" style="display: block; top: 231px; left: 454.5px; width: 500px; height: 500px;"></a></div>
 
wwizard написал(а):
Почти: Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
Не глянул код в первом посте. Если исходить из него, то:
HTML: 
<div>
          <div class="hexagon hexagon2 gallery-item">
            <div class="hexagon-in1">
              <div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg);">
                      <div class="overlay">
                        <a href="страница_с_картинкой_завёрнутой_в_нужную_ссылку.html" data-rel="lightbox" class="fa fa-expand"></a>
                    </div>
              </div>
            </div>
          </div>
        </div>

страница_с_картинкой_завёрнутой_в_нужную_ссылку.html
HTML: 
<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <a href="https://vamne:izbezhat@ssylki.vkolymu"><img src="images/gallery/1.jpg" /></a>
    </body>
</html>
:crazy:
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху