salve a tutti
ho scaricato lo script 5556 da questo sito, è una slide
devo riuscire ad implementare questo script in una pagina php
all interno ho trovato l esempio,e la prima idea è stata quella di copiare ed incollare i contenuti e poi modificarli ma prima di fare danni ho pensato di chiedere a voi.
fai una copia del tuo file PHP, dopo di che inizia a implementarlo e se hai difficoltà posta il codice e eventuali errori.
P.S. dubito che ci sia qualcuno che conosce lo script 5556
Il calcolatore è straordinariamente veloce, accurato e stupido.
L'uomo è incredibilmente lento, impreciso e creativo.
L'insieme dei due costituisce una forza incalcolabile.
(Albert Einstein)
ho provato a copiare il codice ed ho ottenuto uno strano risultato
sulla pagina appaiono le immagini e i collegamenti uno sotto l altro ma non in slide
questo è il codice, ripeto copiato dalla pagina html di esempio
la slide puoi vederla qui
http://javascript.html.it/demo/javas...56/esempio.htm
<script type="text/javascript" src="includes/script/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="includes/script/js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="includes/script/js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="includes/script/js/coda-slider.1.1.1.pack.js"></script>
<script type="text/javascript">
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;
theInterval = function(cur){
clearInterval(theInt);
if( typeof cur != 'undefined' )
curclicked = cur;
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
theInt = setInterval(function(){
$crosslink.removeClass("active-thumb");
$navthumb.eq(curclicked).parent().addClass("active-thumb");
$(".stripNav ul li a").eq(curclicked).trigger('click');
curclicked++;
if( 6 == curclicked )
curclicked = 0;
}, 3000);
};
$(function(){
$("#main-photo-slider").codaSlider();
$navthumb = $(".nav-thumb");
$crosslink = $(".cross-link");
$navthumb
.click(function() {
var $this = $(this);
theInterval($this.parent().attr('href').slice(1) - 1);
return false;
});
theInterval();
});
</script>
</head>
<body>
<h1>Pannello contenuti in evidenza</h1>
<div id="page-wrap">
<div class="slider-wrap">
<div id="main-photo-slider" class="csw">
<div class="panelContainer">
<div class="panel" title="Panel 1">
<div class="wrapper">
[img]includes/script/images/tempphoto-1.jpg[/img]
<div class="photo-meta-data">
Photo Credit: Kaustav Bhattacharya
<span>"Free Tibet" Protest at the Olympic Torch Rally</span>
</div>
</div>
</div>
<div class="panel" title="Panel 2">
<div class="wrapper">
[img]includes/script/images/tempphoto-2.jpg[/img]
<div class="photo-meta-data">
Chicago Bears at Seattle Seahawks
<span>Fifth field goal, overtime win for the Seahawks</span>
</div>
</div>
</div>
<div class="panel" title="Panel 3">
<div class="wrapper">
[img]includes/script/images/scotch-egg.jpg[/img]
<h1>How to Cook a Scotch Egg</h1>
<ul>
[*]6 hard-boiled eggs, well chilled (i try to cook them to just past soft boiled stage, then stick them in the coldest part of the fridge to firm up)
[*]1 pound good quality sausage meat (i used ground turkey meat, seasoned with sage, white pepper, salt and a tiny bit of maple syrup)
[*]1/2 cup AP flour
[*]1-2 eggs, beaten
[*]3/4 cup panko-style bread crumbs
[*]Vegetable oil for frying
[/list]
</div>
</div>
<div class="panel" title="Panel 4">
<div class="wrapper">
[img]includes/script/images/tempphoto-4.jpg[/img]
<div class="photo-meta-data">
A Poem by Shel Silverstein
<span>Falling Up</span>
</div>
</div>
</div>
<div class="panel" title="Panel 5">
<div class="wrapper">
[img]includes/script/images/tempphoto-5.jpg[/img]
<div class="photo-meta-data">
New Video on CSS-Tricks
<span>Using Wufoo for Web Forms</span>
</div>
</div>
</div>
<div class="panel" title="Panel 6">
<div class="wrapper">
<h1>A Tale of Two Cities</h1>
Charles Dickins</p>
<blockquote>It was the best of times, </blockquote>
</div>
</div>
</div>
</div>
[img]includes/script/images/tempphoto-1thumb.jpg[/img]
<div id="movers-row">
<div>[img]includes/script/images/tempphoto-2thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-3thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-4thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-5thumb.jpg[/img]</div>
<div>[img]includes/script/images/tempphoto-6thumb.jpg[/img]</div>
</div>
</div>
</div>
Il css e' posizionato nel posto corretto ?
non so bene cosa vuoi dire. il css dello script va inserito nel css del template??
perchè la mia azione è stata un copia e incolla nel file php dove la slide deve apparire e lo copiato così come lo vedi, se intendi nel posto giusto del template php allora la risposta è si, infatti le immagini sono nel posto giusto, però appaiono elencate una sottolaltra invece di essere raggruppate nella slide
Permessi di invio
Rispondi quotando