Potreboval by som upravit JavaScript tak aby sa mi zobrazovala modra lista ktora je naspodu aj navrchu, do tej vrchnej by som chcel dat len text...
Priklad je na
http://navrchol.sk/pokus - napravo vedla menu, alebo tu su aj obrazky:
v template mam tento kod:
Kód:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script language="javascript" type="text/javascript" src="../akcie/jquery.flow.1.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "570px",
height: "235px",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
});
</script>
v CSS je tento kod:
Kód:
#jFlowSlide{ background:#f2f2f2; font-family: Verdana; }
#myController { font-family: Verdana; padding:2px 0; width:570px; /*610*/ background:#336699; }
#myController span.jFlowSelected { background:#f2f2f2; margin-right:0px; color:#336699; } /*43A0D5*/
.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:250px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #f2f2f2; color:#336699; }
popripade JavaScript subory su tu:
http://www.navrchol.sk/akcie/jquery.flow.1.2.js
http://www.navrchol.sk/akcie/jquery.flow.1.2.min.js
http://www.navrchol.sk/akcie/jquery-1.3.2.min.js