Jak połączyć obrazek i docelowo nowe okno

Question

Mam zdjęcie, jeśli kliknę na to zdjęcie, w jaki sposób mogę utworzyć odniesienie do obrazu, aby inna strona została otwarta w nowej karcie lub nowym oknie przeglądarki wyświetlającym obraz ?

Answer 1

ustawić to target = "_ blank"

Answer 2

<a href="http://www.google.com" target="_blank"> 
    <img width="220" height="250" border="0" align="center" src=""/> 
</a> 

Answer 3

Jeśli używasz skryptu, aby przejść do strony, należy użyć metody open z celem _blank aby otworzyć nowe okno/kartę:

<img src="..." alt="..." onclick="window.open('anotherpage.html', '_blank');" /> 

Jednakże, jeśli chcesz, aby wyszukiwarki znalazły stronę, powinieneś po prostu owinąć obraz w zwykły link.

Answer 4

można zrobić, jak to

<a href="http://www.w3c.org/" target="_blank">W3C Home Page</a> 

znaleźć tę stronę

http://www.corelangs.com/html/links/new-window.html 

goreb

Answer 5

<a href="http://www.google.com" target="_blank"> //gives blank window 
<img width="220" height="250" border="0" align="center" src=""/> // show image into new window 
</a> 

zobaczyć kod

Answer 6

Zakładając, że chcemy pokazać miniaturę obrazu, który to 50x50 pikseli i lin k do rzeczywistego obrazu można zrobić

<a href="path/to/image.jpg" alt="Image description" target="_blank" style="display: inline-block; width: 50px; height; 50px; background-image: url('path/to/image.jpg');"></a> 

oczywiście najlepiej podać, że link klasę lub identyfikator i umieścić go w css

Answer 7

Aby otworzyć w nowym użytku zakładka:

target = "_blank" 

Aby otworzyć w tym samym wykorzystania zakładka:

target = "_self"