Bu Nasıl Yapılabilir ?

08-01-2010, 19:05:27

Şimdi bi resim var 2 tane bina var resimde tek resim ama bu binalar yan yana duruyor,şimdi 1. binanın üstüne mouse ile gelince 1. binanın üzerinde "A Binası",aynı şekilde 2. binanın üzerine gelince "B Binası" yazıcak mouse`u üzerinden çekince yok olucak iki yazıda,hazır örnek varmı elinizde bu şekilde ?

09-01-2010, 10:10:58

#2

~~ColdHeart~~

Üyeliği durduruldu

onrollover ile yapılabilir sanırım

document.getelementbyid.src=a.gif

gibi bişiler olabilir dreamveawerda hazır olarak yapıyor

09-01-2010, 12:14:32

#3

tolgay007

ColdHeart adlı üyeden alıntı: mesajı görüntüle

onrollover ile yapılabilir sanırım

document.getelementbyid.src=a.gif

gibi bişiler olabilir dreamveawerda hazır olarak yapıyor

Sanırsam tek yok resmi parçalamak,belli koordinatlar üzerinde yapılabilir aslında ama nasıl yapıcam anlamadım işte onu

09-01-2010, 16:03:19

#4

ismailperim

image map ile yapılabilir belki. dreamweaver ile resim üzerinde image map çizip onmouseover olayında üstünde bi yazı yazmaya çalışabilirsiniz;

<MAP NAME="map1">
<AREA
   HREF="#" ALT="Contacts" TITLE="Contacts"
   SHAPE=RECT COORDS="6,116,97,184">
<AREA
   HREF="#" ALT="Products" TITLE="Products"
   SHAPE=CIRCLE COORDS="251,143,47">
<AREA
   HREF="#" ALT="New!" TITLE="New!"
   SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257">
</MAP>

<IMG SRC="testmap.gif"
   ALT="map" BORDER=0 WIDTH=300 HEIGHT=300
   USEMAP="#map1"><BR>

gibi

09-01-2010, 17:12:22

#5

_BuKi_

Kimlik doğrulama veya yönetimden onay bekliyor.

css ile iki farklı sınıf tanımlayıp (örneğin: .resim1, .resim2) position: relative; veya position: absolute; özelliğini kullanarak, konumunuda belirliyerek ( top, left, right, bottom ) de yapabilirsiniz belki. Uğraştırır belki ama alternatif bir yöntem. Ama ismailperim hocamın verdiği yöntemi öneririm

09-01-2010, 18:01:15

#6

tolgay007

ismailperim adlı üyeden alıntı: mesajı görüntüle

image map ile yapılabilir belki. dreamweaver ile resim üzerinde image map çizip onmouseover olayında üstünde bi yazı yazmaya çalışabilirsiniz;

<MAP NAME="map1">
<AREA
   HREF="#" ALT="Contacts" TITLE="Contacts"
   SHAPE=RECT COORDS="6,116,97,184">
<AREA
   HREF="#" ALT="Products" TITLE="Products"
   SHAPE=CIRCLE COORDS="251,143,47">
<AREA
   HREF="#" ALT="New!" TITLE="New!"
   SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257">
</MAP>

<IMG SRC="testmap.gif"
   ALT="map" BORDER=0 WIDTH=300 HEIGHT=300
   USEMAP="#map1"><BR>

gibi

Map vermek kolay ancak, onmouseover olmuyor onlara

19-01-2010, 05:50:08

#7

arno

Kimlik doğrulama veya yönetimden onay bekliyor.

jquery ile rahatça yapabilirsin. onmouseover eventine koordinatları da kapsayacak efektli bir fonksiyon yazılabilir.

Eğer bu işlemin yapılması gereken yer belli ise linkini filan verirsen yardımcı olabilirim.

19-01-2010, 09:58:07

#8

cocainer

jquery tooltip örnekleri işini görebilir..

19-01-2010, 22:46:47

#9

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

tolgay007 adlı üyeden alıntı: mesajı görüntüle

Şimdi bi resim var 2 tane bina var resimde tek resim ama bu binalar yan yana duruyor,şimdi 1. binanın üstüne mouse ile gelince 1. binanın üzerinde "A Binası",aynı şekilde 2. binanın üzerine gelince "B Binası" yazıcak mouse`u üzerinden çekince yok olucak iki yazıda,hazır örnek varmı elinizde bu şekilde ?

2 binanın üstünede postion:absolute ile transparan bi div koy divlerin üstüne gelice yazıları çıkart.