Resim üzerindeki istenilen parça alanlara link verme

Kodla Büyü

SADETTİN

Seçkin Üye
Seçkin Üye
Mesajlar
334
Photoshopda slice tool hep dikdörtgen şeklinde butonların link verilmesini olanak sağlamakta. Ben yuvarlak butonun aktif olup link verilmesini istiyorum. Yani klasik dikdörtgen değil de seçili çember alanın içine giren kısmını aktif edip linki de çember alana vermek istiyorum. İlginize teşekkürler.
Örnek olarak ; Türkiye Haritasında il sınırlarını belirleyip Ankara alanına tıkladığımda ayrı bir ankara.htm dosyasına gitsin.
 
Re: Resim üzerindeki istenilen alana link verme



ana resimde bulunan parçalara tıklandığında farklı htm (Örneğin 1.htm,2.htm) dosyasına gitmesini istiyorum. Photoshopda slice tool var o da parçalı değil dikdörtgen ya da kare şeklinde parçalıyor. Ben bunu deği de resmi katmanlara ayırdım png olrak parçaladım. Parçaların üzerine tıklandığında istiyorum. İlginize teşekkürler.
 

Ekli dosyalar

  • ana.png
    ana.png
    20.2 KB · Görüntüleme: 1,187
  • 1.png
    1.png
    9.6 KB · Görüntüleme: 1,180
  • 2.png
    2.png
    10.2 KB · Görüntüleme: 1,178
Re: Resim üzerindeki istenilen alana link verme

hocam bunu dreamweaver da çok kolay bir şekilde yapabilirsin, illa photoshopta mı yapmak istiyorsun anlamadım?
 
Re: Resim üzerindeki istenilen alana link verme

impetus23' Alıntı:
hocam bunu dreamweaver da çok kolay bir şekilde yapabilirsin, illa photoshopta mı yapmak istiyorsun anlamadım?
Yoo illa da photshop olması gerekmiyor. Dreamwaver da da olabilir.
 
Re: Resim üzerindeki istenilen alana link verme

hocam dreamweaverda resmi ekle-görüntü menüsünden ekledikten sonra, resim seçili iken, özellikler kısmında yani sol alt tarafta dörtgen, oval, çokgen şeklinde bağlantı verilebilmekte.. başka sürümlerde farklı yerde olabilir..
 

Ekli dosyalar

  • a.jpg
    a.jpg
    227.2 KB · Görüntüleme: 1,212
Re: Resim üzerindeki istenilen alana link verme

impetus23' Alıntı:
hocam dreamweaverda resmi ekle-görüntü menüsünden ekledikten sonra, resim seçili iken, özellikler kısmında yani sol alt tarafta dörtgen, oval, çokgen şeklinde bağlantı verilebilmekte.. başka sürümlerde farklı yerde olabilir..

Hocam dikdörtgen,oval için değil de çokgen için düşünürsek yukarıdaki linkte " http://www.fatih.edu.tr/~mbasti/Ders/ht ... harita.htm" aşağıdaki not defterindeki html kodları elle yazılıyor dreamwaverda fare ile seçilerek yapılıyor.Ama resimin kenarından tek tek koordinat berlirlemek gerekyor. Artı koordinatlar arası seçim çizgi şeklinde oluyor. Örneğin kare için 4 koordinat yeterken doğrusal boyutta seçiliyor ama kıvrımlı resim için koordinatlar ileri ileri giderken doğrusal şekilde giderse sağlıklı seçim olmaz. Ben koordinat belirleme yerine resimi parçalayıp birleştirip link vermekten bahsetmiştim. Aşağıdaki kodlamanın tasarımsal açıdan ele almışsın. Bilgiden zarar gelmez. İlgine teşekkkürler.

<HTML>
<HEAD>
<TITLE>Çokgensel Alanlar</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<MAP NAME="harita3">
<AREA SHAPE=POLY COORDS="248,144, 263,142, 279,139, 292,137, 299,146, 291,160, 342,179, 327,220, 334,226, 322,241, 312,250, 272,350, 191,312, 178,300, 152,299, 125,280, 178,197, 167,170, 182,152, 196,155, 201,163, 220,134" HREF="surpriz.html" ALT="Sürpriz!">
</MAP>
<CENTER>
<IMG SRC="getaway.jpg" WIDTH=500 HEIGHT=494 USEMAP="#harita3" BORDER=0>
</CENTER>
</BODY>
</HTML>
 
Re: Resim üzerindeki istenilen alana link verme

hocam bunu en güzel ve kolay bir şekilde flashta yaparsınız..

bu eklediğim dosya da yanlış oldu, yine dörtgen olarak alıyor tek seçenek flashta hazırlamak kalıyor sanırım ya da javascript kullanmak gerekir
 

Ekli dosyalar

  • deneme.rar
    24.9 KB · Görüntüleme: 74
Re: Resim üzerindeki istenilen alana link verme

deneme dosyasını indirdim. Ama deneme.html çalıştırdım photoshoptaki slice benzer olmuş hocam yani kalbin parça sınırlarının dışında kalan , dikdörtgen seçim alanında da köprü aktif oluyor. Yani sadece kırmızı parça sınırlarında köprü aktif olsun istiyorum.
 
Geri
Üst