salve a tutti ....
qlk sa dirmi dove posso trovare questo slider http://livedemo00.template-help.com/virtuemart_33159/
quello con le freccie in basso...grazie!
salve a tutti ....
qlk sa dirmi dove posso trovare questo slider http://livedemo00.template-help.com/virtuemart_33159/
quello con le freccie in basso...grazie!
bastava guardare il sorgente :-)
http://nivo.dev7studios.com/
ciao :-)
grazie mille!!!!!
ma io intendevo quello in basso con le frecce dove c'è scritto "Featured Products"!!!!
non è un plugin, è semplicemente una tabella "grande" dentro un contenitore "piccolo" con overflow hidden.
Al click del bottone viene lanciato un comando jquery che anima il posizionamento relativo del contenitore grande tramite questo codice:
codice:$j(".button1-js").click(function(){ $j(".module-specials .boxIndent").stop().animate({left:"-735px"}, "slow"); $j(".button1-js").addClass("button1-js-active"); $j(".button2-js").removeClass("button2-js-active"); }); $j(".button2-js").click(function(){ $j(".module-specials .boxIndent").stop().animate({left:"0"}, "slow"); $j(".button2-js").addClass("button2-js-active"); $j(".button1-js").removeClass("button1-js-active"); });
quindi devo creare una div grande 100% all'interno una con una grandezza stabilita e poi due bottoni in cui gli do qst comandi ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="css/globali.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.auto {
width: 1024px;
}
.contenitore {
width: 1024px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height:100%;
height:auto;
min-height:100%;
position: relative;
/*background-position: center top;
background-repeat: repeat-y;
background-image: url(file:///C|/Documents%20and%20Settings/Utente/Desktop/images/colore_Cont1.png);*/
background-position: center top;
background-repeat: repeat-y;
background-image: url(../css/index/contenitoreColor.png);
}
.table{
overflow:hidden;
}
</style>
<script type="text/x-javascript">
$j(".button1-js").click(function(){
$j(".module-specials .boxIndent").stop().animate({left:"-735px"}, "slow");
$j(".button1-js").addClass("button1-js-active");
$j(".button2-js").removeClass("button2-js-active");
});
$j(".button2-js").click(function(){
$j(".module-specials .boxIndent").stop().animate({left:"0"}, "slow");
$j(".button2-js").addClass("button2-js-active");
$j(".button1-js").removeClass("button1-js-active");
</script>
</head>
<body>
<div class="contenitore">
<div class="auto">
<table width="680" border="0" cellspacing="0" cellpadding="0" class="table">
<tr>
<td>sssssss</td>
<td></td>
<td></td>
<td>[img]button.png[/img]</td>
<td></td>
</tr>
<tr>
<td></td>
<td>ddddddd</td>
<td>dddddddd</td>
<td></td>
<td>ddddd</td>
</tr>
<tr>
<td>ddddddd</td>
<td></td>
<td></td>
<td>dddddddd</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</body>
</html>
così????
il codice sinceramente non ho tempo di spulciarmelo, comunque devi dare alla tabella e al contenitore delle dimensioni fisse. La tabella sarà più grande del conteitore che farà da "finestra" dando l'effetto di scorrimento.
Per darti l'idea pratica (poi al codice ci devi pensare tu) immagina 2 fogli di carta uno sovrapposto all'altro.
In quello sottostante c'è del testo, e in quello sopra che sarà bianco ritagli un quadrato che farà vedere il testo sottostante. Spostando il foglio sotto avrai un testo a scorrimento.
Ciao
ti ringrazio anche se non ho capito un gran kèè ....
Permessi di invio
Rispondi quotando