Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

sliding menu yardım!

toy

🏅Acemi Tasarımcı🏅
Katılım
24 Eki 2010
Mesajlar
51
Tepkime puanı
3
Web sitesi
www.hadirligucu.com
arkadaşlar ben accordion menu yapmak istiyorum yana acılacak burdaki gibi: https://www.template.gen.tr/flash/Accordion.swf


8 tane resim olacak. Flashta yapıldıgını sanıyordum ama geliba javascript ile de yapılabiliniyormus. biraz arastırdım su siteyi buldum. :https://jsfiddle.net/ByScripts/DzNGQ/light/


Şimdi gelelim başlamaya. nasıl yapılıyormus. html kodunu vermiş.
Kod:
<h1>Default options</h1>
<div id="byslidemenu">
    <img src="https://www.byscripts.info/image/byslidemenu/cat.jpg" alt="" />
    <img src="https://www.byscripts.info/image/byslidemenu/dog.jpg" alt="" />
    <img src="https://www.byscripts.info/image/byslidemenu/elephant.jpg" alt="" />

    <img src="https://www.byscripts.info/image/byslidemenu/computer.jpg" alt="" />
    <img src="https://www.byscripts.info/image/byslidemenu/electronics.jpg" alt="" />
    <img src="https://www.byscripts.info/image/byslidemenu/engine.jpg" alt="" />
</div>

bunu koyduk siteye sırada ne var. javascript dosyası mı oluşturacagım css mi. yol gösterir misiniz.
 

Benzer konular

hsamet

🏅Acemi Tasarımcı🏅
Katılım
31 Eki 2010
Mesajlar
49
Tepkime puanı
1
1. Masaüstüne boş bir metin belgesi oluştur. Ve içine JavaScript kodlarını yapıştır. Sonra metin dosyasını kaydedip çık ve metin dosyasının formatını .txt yerine .js olarak değiştir.

2. Tekrar metin belgesi oluştur ve içine CSS kodlarını yapıştır. Aynı şekilde kaydet ve onun formatınıda .txt yerine .css olarak değiştir.

3. Şimdi CSS ve Hazırladığın JavaScript Dosyalarını slaytı kullanacağın sayfaya çağırman gerekir. İlk önce .js dosyasını çağırmak için;
<script src="dosyaAdin.js" language="javascript" type="text/javascript" ></script>
kodunu sayfanın <head></head> arasına yapıştır.

4. CSS i çağırmak içinse yine sayfanın <head></head> tagları arasına.
<link href="dosyaAdin.css" rel="stylesheet" type="text/css" />
kodunu yapıştırman yeterli. Doğru yaparsan sorunsuz çalışacaktır.
 

toy

🏅Acemi Tasarımcı🏅
Katılım
24 Eki 2010
Mesajlar
51
Tepkime puanı
3
Web sitesi
www.hadirligucu.com
herseyi doğru yapıyorum :D ama hata veriyor.

54993576.jpg


verdiği hatanın nedeni ne olaki

20773692.jpg


ÇÖZÜM BULDUM: yapılmı ve dokumanlı hali bu linkte mevcut. isteyen olursa diye

https://www.mehmetduran.com/files/javascript_slide_menu.rar
 
Son düzenleme:

hsamet

🏅Acemi Tasarımcı🏅
Katılım
31 Eki 2010
Mesajlar
49
Tepkime puanı
1
js doyası o kadar kısa değil sanırsam. Bütün içeriği kopyalamamışsın hata bundan kaynaklanıyor olabilir.
 
Üst