2017-02-05 13 views
2

здесь является HTMLкак я сделать кликабельным изображения в HTML

<div id="panelpic1"> 
    <a href="https://www.google.com/"style="display:block"target="_blank"> 
    </a> 
</div> 

CSS

#panelpic1{ 
      content: url(file:///D:/MOHIT/HTML/images.jpg); 
      float: left; 
      width: 250px; 
      height: 150px; 
      vertical-align: middle;    
      } 

Это так, как я это сделал, но не работает. Изображение не доступно для клика. пожалуйста, помогите

ответ

5

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<span>Open image link in a new tab: 
 
<a href="http://www.google.com" target="_blank"> 
 
    <img src="D:/MOHIT/HTML/images.jpg" /> 
 
</a> 
 
</span> 
 

 
</body> 
 
</html>

Это не самый лучший подход. Вот один из стандартных подходов, чтобы сделать изображение кликабельным.

<a href="your landing page url"> 
<img src="your image url" /> 
</a> 

Теперь, это изображение будет перенаправлено на вас по указанному URL-адресу при нажатии.

Существует множество способов сделать это, загрузив его S3/dropbox с помощью FSCollection (это только для пользователей узлов).

Так что в вашем случае, ваш фрагмент код будет выглядеть следующим образом,

<a href="http://www.google.com"> 
<img src="D:/MOHIT/HTML/images.jpg" /> 
</a> 
+0

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

+0

Можете ли вы добавить этот код изображения в свой вопрос? Это будет очень полезно. Спасибо –

+0

Это уже есть в вопросе –