ajaxla hazırlananan manşet haber sistemi kullanıyorum. sistem mozillada sorunsuzken explorer da manşet resimleri kendiliğinden (ayarlanan süre sonunda) değişmiyor. Hatta haber başlığının üstüne gelince bile ilgili resimi göremiyorum. hep aynı resim görünüyor. bahsettiğim manşet haber sisteminin uygulanmış hali kiraztarim.gov.tr adresinde var.
kod:
css:
script:
kod:
css:
Kod:
#newsMainBox {
MARGIN: 10px auto 0px; OVERFLOW: hidden; WIDTH: 971px; ZOOM: 1; HEIGHT: auto
}
.newsMain {
WIDTH: 705px
}
.topNewsBox {
WIDTH: 705px; POSITION: relative; HEIGHT: 262px
}
.topNews {
BORDER-RIGHT: #b7b7b7 1px solid; BORDER-TOP: #b7b7b7 1px solid; Z-INDEX: 90; BACKGROUND: #f0f0f0; LEFT: 0px; BORDER-LEFT: #b7b7b7 1px solid; WIDTH: 701px; BORDER-BOTTOM: #b7b7b7 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 258px
}
.topNewsPic {
FLOAT: left; MARGIN: 7px 14px 0px 6px; OVERFLOW: hidden; WIDTH: 414px; HEIGHT: 243px
}
.topNewsPic IMG {
WIDTH: 414px; HEIGHT: 243px
}
.topNewsList {
MARGIN-TOP: 7px; FLOAT: left; OVERFLOW: hidden; WIDTH: 256px; HEIGHT: 243px;text-align:left
}
.topNewsList UL {
MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 250px; HEIGHT: 216px
}
.topNewsList UL LI {
FONT-SIZE: 14px; OVERFLOW: hidden; WIDTH: 250px; LINE-HEIGHT: 30px; BORDER-BOTTOM: #dbdbdb 1px solid; HEIGHT: 30px
}
.topNewsList UL LI A {
PADDING-RIGHT: 0px; PADDING-LEFT: 12px; BACKGROUND: url(../images/dian.gif) no-repeat 4px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.topNewsList UL LI A.up {
FONT-WEIGHT: bold; BACKGROUND: url(../images/jiantou.gif) no-repeat; COLOR: #f25500
}
.topNewsBg {
Z-INDEX: 80; BACKGROUND: #dedede; LEFT: 4px; WIDTH: 701px; POSITION: absolute; TOP: 4px; HEIGHT: 258px
}
.focusPicBox {
PADDING-BOTTOM: 10px; OVERFLOW: hidden; ZOOM: 1; HEIGHT: auto
}
.newsHotBox .focusPic {
DISPLAY: block; FLOAT: none; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 680px; ZOOM: 1; HEIGHT: auto
}
.newsHotBox .focusPic H4 {
BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 5px; WIDTH: 680px
}
.newsHotBox .focusPic .picList {
MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 244px
}
.newsHotBox .focusPic .picList LI {
PADDING-RIGHT: 24px; PADDING-LEFT: 24px; FLOAT: left; PADDING-BOTTOM: 0pt; MARGIN-LEFT: -1px; BORDER-LEFT: #989898 1px dashed; WIDTH: 122px; PADDING-TOP: 0pt; HEIGHT: 122px
}
.newsHotBox .focusPic .picList LI IMG {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 90px
}
.newsHotBox .focusPic .picList LI P {
MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 122px; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: center
}
A {
COLOR: #333; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
script:
Kod:
<SCRIPT language=javascript>
var CurrentHotScreen = 0 ;
function setHotQueryList(screen){
var Vmotion = "forward" ;
var MaxScreen = 7 ;
if (screen >= MaxScreen) {
screen = 0 ;
Vmotion = "reverse" ;
}
cleanallstyle();
document.getElementById("focus_"+screen).className = "up" ;
if(lisanssız!=hot_query_td.filters){
hot_query_td.filters[0].apply();
hot_query_td.filters[0].motion = Vmotion;
}
for (i=0;i<MaxScreen;i++) {
document.getElementById("switch_"+i).style.display = "none" ;
}
document.getElementById("switch_"+screen).style.display = "block" ;
if(lisanssız!=hot_query_td.filters){
hot_query_td.filters[0].play();
}
CurrentHotScreen = screen ;
}
function refreshHotQuery(){
refreshHotQueryTimer = lisanssız;
setHotQueryList(CurrentHotScreen+1);
refreshHotQueryTimer = setTimeout('refreshHotQuery();', 5000);
}
</SCRIPT>
<DIV class=newsMain>
<DIV class=topNewsBox>
<DIV class=topNews>
<DIV class=topNewsPic>
<TABLE>
<TBODY>
<TR>
<TD id=HotSearchList
style="FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)">
<DIV id=switch_0><A onclick=setClick();
href="http://www.pcgazete.com/"
blockid="931" target="_blank"><IMG alt="Haber Resim 1"
src="http://forum.iyinet.com/images/01.jpg"></A></DIV>
<DIV id=switch_1><A onclick=setClick();
href="http://www.pcgazete.com/"
blockid="931" target="_blank"><IMG alt="Haber Resim 2"
src="http://forum.iyinet.com/images/02.jpg"></A></DIV>
<DIV id=switch_2><A onclick=setClick();
href="http://www.pcgazete.com/"
blockid="931" target="_blank"><IMG alt="Haber Resim 3"
src="http://forum.iyinet.com/images/03.jpg"></A></DIV>
<DIV id=switch_3><A onclick=setClick();
href="http://www.pcgazete.com/"
blockid="931" target="_blank"><IMG alt="Haber Resim 4"
src="http://forum.iyinet.com/images/04.jpg"></A></DIV>
<DIV id=switch_4><A onclick=setClick();
href="http://www.pcgazete.com/"
blockid="931" target="_blank"><IMG alt="Haber Resim 5"
src="http://forum.iyinet.com/images/05.jpg"></A></DIV>
<DIV id=switch_5><A onclick=setClick();
href="http://www.pcgazete.com/"
blockid="931" target="_blank"><IMG alt="Haber Resim 6"
src="http://forum.iyinet.com/images/06.jpg"></A></DIV>
<DIV id=switch_6><A onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931"><IMG alt="Haber Resim 7"
src="http://forum.iyinet.com/images/07.jpg"></A></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV class=topNewsList>
<img src="http://forum.iyinet.com/images/jrjd.jpg" width="253" height="25" />
<UL>
<LI><A class=up id=focus_0 onmouseover=show_focus_image(0);
title="Haber Başlık 1" onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 1</A> </LI>
<LI><A id=focus_1 onmouseover=show_focus_image(1); title="Haber Başlık 2"
onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 2</A> </LI>
<LI><A id=focus_2 onmouseover=show_focus_image(2); title="Haber Başlık 3"
onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 3</A> </LI>
<LI><A id=focus_3 onmouseover=show_focus_image(3); title="Haber Başlık 4"
onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 4</A> </LI>
<LI><A id=focus_4 onmouseover=show_focus_image(4); title="Haber Başlık 5"
onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 5</A> </LI>
<LI><A id=focus_5 onmouseover=show_focus_image(5); title="Haber Başlık 6"
onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 6</A> </LI>
<LI><A id=focus_6 onmouseover=show_focus_image(6); title="Haber Başlık 7"
onclick=setClick();
href="http://www.pcgazete.com/" target="_blank"
blockid="931">Haber Başlık 7</A> </LI></UL></DIV></DIV>
<DIV class=topNewsBg></DIV></DIV>
<SCRIPT>
function cleanallstyle() {
for (i=0;i<7;i++) {
document.getElementById("focus_"+i).className = "" ;
}
}
function show_focus_image(index) {
clearTimeout(refreshHotQueryTimer);
setHotQueryList(index);
refreshHotQueryTimer = setTimeout('refreshHotQuery();', 5000);
}
function setClick() {
clearTimeout(refreshHotQueryTimer);
}
var refreshHotQueryTimer = lisanssız ;
var hot_query_td = document.getElementById('HotSearchList');
setHotQueryList(CurrentHotScreen);
refreshHotQueryTimer = setTimeout('refreshHotQuery();', 5000);
</SCRIPT>