2016-04-12 30 views
0

İstediğim şey metnimde bir görüntüye bağlantıdır. Bağlantıyı tıkladığınızda, görüntü yeni bir sekmede tam ekran açılmalıdır. Şimdiye kadar görüntü yeni bir sekmede açıldı, ama tam ekran değil. Benim kod şöyle görünür:Bir görüntünün genişliğini yeni bir sekmede ayarlama

<p>some text <a href="css/images/website.png" target="blank">website</a> and more text</p> 

Ama bağlantıya tıklarsanız o benim durumumda, sayfanın yüksekliğini almak görüntüye benziyor: Ben böyle bir şey olmasını istiyorum

img[Attributes Style] { 
width: 918px; 
height: 979px; 
} 

Bu

img[Attributes Style] { 
width: 100%; 
height: auto; 
} 

denedim

<a href="css/images/website.png" width="100%">website</a> 
<a href="css/images/website.png" style="width: 100%;"></a> 

ama ikisi de çalışmıyor. Bunu nasıl yapabileceğimi biliyor musunuz?

Bu i Yanlış bir şey yaptıysam ben :) duymak

+1

Bir resim dosyasına bağlantı oluşturursunuz, orada herhangi bir stil uygulayamazsınız. – Paul

+2

Tarayıcıda bir görüntüyü görüntülediğinizde, yalnızca görüntüdür. CSS uygulanmıyor. Sadece bir öğesiyle ve istenen stillerle küçük bir HTML dosyası oluşturmalı ve ana sayfanızdan bu bağlantıya bağlanmalısınız. –

+0

Görüntü üzerinde bir modal veya kutu açmak için Javascript kullanmanız gerekir. "Owl Carousel" e göz atın ya da JavaScript kullanarak kendiniz nasıl oluşturulacağına dair google eğiticileri bulabilirsiniz. –

cevap

4

istediğiniz yeni sekme aslında bir html sayfası olmadığından, herhangi bir stil nitelikleri üzerinde hiçbir kontrole sahip, burada bir şey sormak ilk kez ama sadece kendi başına görüntü. Öte yandan, tek amacı olan bir stil sayfası yapmak için bir html sayfası yapabilirsiniz. Bağlantınızı <a href = "bigImg.html?src=css/images/website.png">website</a> gibi yapın ve bigImg.html'da yüklemek istediğiniz görüntünün src'unu almak için javascript veya php kullanabilirsiniz. bigImg.html'un css'sinde, görüntüyü istediğiniz gibi yapabilirsiniz.

İlgili konular