Изображения не привязываются правильно? - PullRequest
Новая
       20

Изображения не привязываются правильно?

1 голос
/ 09 ноября 2011

Хорошо, я создаю мобильный сайт, и у меня есть страница изображений, и когда кто-то нажимает на изображение, я хочу, чтобы оно переходило к тому же изображению на другой странице, поэтому я помечаю изображения <a name="picname"> и затем связываю их как это: 

<a href="pagename.html#picname"><img src="filepath/picname.jpg" border="1"></a>

Но когда я нажимаю на изображение в мобильном браузере, оно пропускается как изображение прямо под изображением (так что вы не можете видеть его, пока не прокрутите вверх), что я делаю неправильно?

Фрагмент на page_1.html 

<a href="gallery.html#1"><img src="gallery/1.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#2"><img src="gallery/2.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#3"><img src="gallery/3.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#4"><img src="gallery/4.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#5"><img src="gallery/5.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#6"><img src="gallery/6.jpg" width="95%" border="1"></a>

Фрагмент на gallery.html 

<a name="1"></a><img width="95%" border="2" alt="" src="gallery/1.jpg"><br>
<a name="2"></a><img width="95%" border="2" alt="" src="gallery/2.jpg"><br>
<a name="3"></a><img width="95%" border="2" alt="" src="gallery/3.jpg"><br>
<a name="4"></a><img width="95%" border="2" alt="" src="gallery/4.jpg"><br>
<a name="5"></a><img width="95%" border="2" alt="" src="gallery/5.jpg"><br>
<a name="6"></a><img width="95%" border="2" alt="" src="gallery/6.jpg"><br>

Любые идеи были бы великолепны!

Ответы [ 2 ]

2 голосов
/ 09 ноября 2011

Вы пытались поставить метку закрытия якоря перед изображением? 

<a href="#" name="picname"><!-- --></a>
<img src="file.jpg" />
1 голос
/ 09 ноября 2011

Обычно вы создаете отдельный тег привязки перед содержимым, к которому вы хотите «прокрутить», и создаете ссылку в другом месте (либо выше / ниже на той же странице, либо на другой странице).

Звучит так, будто вы хотите, чтобы новое окно всплыло и прокрутило изображение вниз? Если это так, вы захотите сделать что-то вроде этого:

(В этом примере мы представим, что имя страницы - gallery.html) 

<a href="gallery.html#picid" target="_blank">Click here for this image</a>

И ниже на странице (или где бы то ни было): 

<a name="picid"></a>
<img src="image.png" border="0" />

Это будет работать. Я проверил это. Если вы на самом деле не хотите, чтобы он открывался в новом окне, просто удалите 'target = "_ blank"' из исходного тега привязки гиперссылки. Проблема в том, что после добавления href он становится гиперссылкой вместо стандартного якоря.

Если вы хотите, чтобы изображение было кликабельным и чтобы страница открывалась в новом окне (и автоматически переходить к местоположению изображения), когда вы щелкаете по изображению, правильной настройкой будет: 

<a name="picid"></a>
<a href="gallery.html#picid" target="_blank"><img src="image.png" border="0" /></a>
...