java圖片輪播

㈠ java圖形界面實現圖片自動輪播

現在沒空復幫你寫代碼了，給你個制思路自己寫吧！輪播肯定是要切換圖片的，並且一般切換的時候是從左到右或從右到左慢慢切的，所以你定義一個圖片地址數組，再定義兩個jlabel用來顯示圖片，一個JLabel顯示當前圖片，另一個顯示最新圖片！好了，現在你定義一個timer定時器來切換，每隔兩秒，就判斷一下最新的圖片是哪個jlabel，然後將另一個jlabel填充新的圖片，然後setlocation()來移動圖片，x坐標每次向左幾個像素，直至移動完成！這樣就是一次輪播，當然你需要將兩個jlabel放到一個panel中，免得會出現第二個圖片多出一截在慢慢移動的情況

㈡ 做圖片輪播功能（要一直從右往左播，不斷的循環），js怎麼寫看一下我的代碼給我講幾句重要的代碼

你把整個ul想成是一張圖片，你要做的就是把ul左右移動，然後在ul外面可以套一個div，樣式為{overflow:hidden}，關回於復位答，你可以用％運算，當移動到最後一個li的時候，跳到第一個li去。

㈢ java圖片輪換

<script language="javascript" src="http://i3.kuai.com/ui/js/jquery.libs-1.2.6pack.js"></script>

<script type="text/javascript">
function dk_slideplayer(object,config){
this.obj = object;
this.config = config ? config : {width:"300px",height:"200px",fontsize:"12px",right:"10px",bottom:"10px",time:"5000"};
this.pause = false;
var _this = this;
if(!this.config.right){
this.config.right = "0px"
}
if(!this.config.bottom){
this.config.bottom = "3px"
}
if(this.config.fontsize == "12px" || !this.config.fontsize){
this.size = "12px";
this.height = "21px";
this.right = "6px";
this.bottom = "10px";
}else if(this.config.fontsize == "14px"){
this.size = "14px";
this.height = "23px";
this.right = "6px";
this.bottom = "15px";
}
this.count = jQuery(this.obj + " li").size();
this.n =0;
this.j =0;
var t;
this.factory = function(){
jQuery(this.obj).css({position:"relative",zIndex:"0",margin:"0",padding:"0",width:this.config.width,height:this.config.height,overflow:"hidden"})
jQuery(this.obj).prepend("<div style='position:absolute;z-index:20;right:"+this.config.right+";bottom:"+this.config.bottom+"'></div>");
jQuery(this.obj + " li").css({width:"100%",height:"100%",overflow:"hidden"}).each(function(i){jQuery(_this.obj + " div").append("<a>"+(i+1)+"</a>")});

jQuery(this.obj + " img").css({border:"none",width:"100%",height:"100%"})

this.resetclass(this.obj + " div a",0);

jQuery(this.obj + " p").each(function(i){
jQuery(this).parent().append(jQuery(this).clone(true));
jQuery(this).html("");
jQuery(this).css({position:"absolute",margin:"0",padding:"0",zIndex:"1",bottom:"0",left:"0",height:_this.height,width:"100%",background:"#000",opacity:"0.4",overflow:"hidden"})
jQuery(this).next().css({position:"absolute",margin:"0",padding:"0",zIndex:"2",bottom:"0",left:"0",height:_this.height,lineHeight:_this.height,textIndent:"5px",width:"100%",textDecoration:"none",fontSize:_this.size,color:"#FFFFFF",background:"none",zIndex:"1",opacity:"1",overflow:"hidden"})
if(i!= 0){jQuery(this).hide().next().hide()}
});

this.slide();
this.addhover();
t = setInterval(this.autoplay,this.config.time);
}

this.slide = function(){
jQuery(this.obj + " div a").mouseover(function(){
_this.j = jQuery(this).text() - 1;
_this.n = _this.j;
if (_this.j >= _this.count){return;}
jQuery(_this.obj + " li").hide();
jQuery(_this.obj + " p").hide();
jQuery(_this.obj + " li").eq(_this.j).fadeIn("slow");
jQuery(_this.obj + " li").eq(_this.j).find("p").show();
_this.resetclass(_this.obj + " div a",_this.j);
});
}

this.addhover = function(){
jQuery(this.obj).hover(function(){clearInterval(t);}, function(){t = setInterval(_this.autoplay,_this.config.time)});
}

this.autoplay = function(){
_this.n = _this.n >= (_this.count - 1) ? 0 : ++_this.n;
jQuery(_this.obj + " div a").eq(_this.n).trigger('mouseover');
}

this.resetclass =function(obj,i){
jQuery(obj).css({float:"left",marginRight:"3px",width:"15px",height:"14px",lineHeight:"15px",textAlign:"center",fontWeight:"800",fontSize:"12px",color:"#000",background:"#FFFFFF",cursor:"pointer"});
jQuery(obj).eq(i).css({color:"#FFFFFF",background:"#FF7D01",textDecoration:"none"});
}

this.factory();
}

</script>
<ul class="slideplay" id="pub_slideplay">
<li><a target="_blank" href="#"><img alt="" src="images/downstage/flash1.jpg" />
<p></p>
</a></li>
<li><a target="_blank" href="#"><img alt="" src="images/downstage/flash3.jpg" />
<p></p>
</a></li>

</ul>
<script type="text/javascript">new dk_slideplayer("#pub_slideplay",{width:"725px",height:"137px",fontsize:"12px",time:"5000"});</script>
最後一句話修改圖片大小
最後一句話上面 的ul里修改圖片路徑
可以添加<li>和刪除<li>來控制圖片數量

㈣ jquery縮略輪播與後台（java）交互，圖片路徑是從後台（java）獲取的，跪謝

可以用jquery ajax請求後台獲取圖片路徑然後再處理啊

㈤ 急！急！急！ASP+JAVA代碼的圖片輪播，求解

回答來好源幾次了,,自已看吧
http://..com/question/397583485.html?oldq=1

㈥ 首頁輪播圖片怎麼修改，包括先後順序的修改

我通過火狐查看，你的第一張輪播圖片是 .main_image li .img_2這個樣式的，回相應的把這個樣式內的圖片地址換掉即可答
把這段替換掉你新的圖片地址（/upload/20150317/merchant/9a1f6/36010/.png）

㈦ java web 怎麼統計某個圖片在前端頁面展示的次數 圖片在前端以輪播的形式展示

當圖片展示的時候用ajax向後台傳值證明展示了一次。後台不就可以統計次數了

㈧ 我想用JavaScript做一個圖片輪播

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>img{display:none;}
.btn{border:1px solid black;width:30px;height:30px;display:inline;margin-right:5px;}
</style>
<script>
var index=1;//當前顯示的圖片索引(1-5)
var timer;
function switchImg(){
// 當前這一張隱藏
document.getElementById("img"+index).style.display="none";

// 如果當前顯示的圖片索引沒有到最大值就繼續增加
if(index<5){index++;}
// 否則從第一個圖片開始顯示，索引從0開始
else{index=1;}
// 顯示第index張
document.getElementById("img"+index).style.display="block";

// 下一秒,再執行本方法
timer = window.setTimeout("switchImg()",1000);
}

</script>
</head>

<body onload="switchImg()">

<!--放五張圖,構造一個ImageList-->
<div style="border:1px solid black;width:300px;height:100px;">
<img id="img1" src="back1.jpg">
<img id="img2" src="back2.jpg">
<img id="img3" src="logo.gif">
<img id="img4" src="shop.gif">
<img id="img5" src="shop2.gif">
</div>
<div id="btn1" onclick="manuImg()"></div>
<div id="btn2"></div>
<div id="btn3"></div>
<div id="btn4"></div>
<div id="btn5"></div>
</body>
</html>
這樣就可以圖片輪換咯.

㈨ 求實現一個圖片輪播效果

㈩ java myeclipse軟體 可以實現圖片輪播嗎

這個和MyEclipse沒什麼關系，但是也可以編輯。實現這個功能的是htm+css+javascript。這三個不是編譯型語言，使用普通的版編輯器就行，權最簡單的是windows的記事本。編寫完成後把後綴名改成.html就行。