[]
javascript ile ilgili basit bir soru sorun
elimde 20 tane resim var diyelim isimleri 1 den 20 e kadar 1.jpg vs...
bi butona basınca o resimlerden herhangi birini getirecek kod lazım.
biraz uğraştım yapamadım. .click function ile yapmaya çalışdım beceremedim.
bi butona basınca o resimlerden herhangi birini getirecek kod lazım.
biraz uğraştım yapamadım. .click function ile yapmaya çalışdım beceremedim.
Gerçekten 4-5 haftadır duyurularına denk geliyorum, amatör seviyede işler, denemeler yapıyorsun iyi güzel de, bunların hepsi yapılmış şeyler ve birkaç teknik bilgi gerektiren şeyler.. Nette bu şekilde bir dolu örnek varken burda örnek beklemen bence faydasız birşey..
önce bütün imajları listeliyeceksin ve 1. imaj dışındakileri "display:none" özelliği atıcaksin, ardından resmi değiştirmek istediğin butona bir fonksiyon koyup, bir sonraki resmi "display:block" yapıp diğerlerini "display:none" yapıcaksın, bu en basit yolu, diğer yolu ise document.createElement, diğer diğer bir yolu ise yeni bir Image objesi yaratıp img = new Image hesabı, imageları sayfaya tek tek yüklemen.
örnekler için, javascript slider, javascript slideshow diye google'la..
önce bütün imajları listeliyeceksin ve 1. imaj dışındakileri "display:none" özelliği atıcaksin, ardından resmi değiştirmek istediğin butona bir fonksiyon koyup, bir sonraki resmi "display:block" yapıp diğerlerini "display:none" yapıcaksın, bu en basit yolu, diğer yolu ise document.createElement, diğer diğer bir yolu ise yeni bir Image objesi yaratıp img = new Image hesabı, imageları sayfaya tek tek yüklemen.
örnekler için, javascript slider, javascript slideshow diye google'la..
- Sir.Fitih
(17.07.11 17:56:20 ~ 17:57:29)
<script type="text/javascript" src="code.jquery.com"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#resimbuton").click(function(){
var nomeroo= Math.floor(Math.random()*21)+".jpg";
$("#resim").attr("src",nomeroo);
});
});
</script>
<a href="#" id="resimbuton">Resim Getir</a>
<img src="varsayilan.jpg" id="resim"/>
<script type="text/javascript">
$(document).ready(function() {
$("#resimbuton").click(function(){
var nomeroo= Math.floor(Math.random()*21)+".jpg";
$("#resim").attr("src",nomeroo);
});
});
</script>
<a href="#" id="resimbuton">Resim Getir</a>
<img src="varsayilan.jpg" id="resim"/>
- serafettinn
(17.07.11 18:06:35)
- Sir.Fitih (17.07.11 18:09:47 ~ 18:58:08)
sir fith yardım mı etmeye çalışıyorsun saçma span cevaplar mı veriyorsun anlamadım.
jquery slider mış laflara bak hele.
sağol şerafettin.
jquery slider mış laflara bak hele.
sağol şerafettin.
- karaden (17.07.11 22:06:11 ~ 18.07.11 11:27:18)
ayrıca sinirlenmemin sebebi burda lazım olan kodun yapacağım işin çok çok küçük bir parçası olması ve zaman kaybetmek istememem.
serafettin sence aşağıdaki kodlarda hata nerde, ben onları yazdım çalışmadı.
var degisken= Math.floor(Math.random()*10)+".jpg";
$('#resim_divi').html('<img src="'+degisken+'"');//bi bu
document.write("<img src='" + degisken+ "'>");//bi de bu
serafettin sence aşağıdaki kodlarda hata nerde, ben onları yazdım çalışmadı.
var degisken= Math.floor(Math.random()*10)+".jpg";
$('#resim_divi').html('<img src="'+degisken+'"');//bi bu
document.write("<img src='" + degisken+ "'>");//bi de bu
- karaden (17.07.11 22:51:20)
1
