Dreamweaver CC

orlando

Nuovo Utente
3 Nov 2015
4
0
0
Buongiorno, vorrei iniziare questa nuova discussione per risolvere vari problemi riguardanti le funzioni di dreamweaver cc.

il primo problema che ho incontrato è la disposizione di jquery in dreamweaver. Come devo muovermi ? Una volta scaricato il file.zip come lo inserisco? :confused::confused::confused::confused:
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
50
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
Ciao, dipende che tipo di file è...
Comunque devi gestire il tutto abilitando la vista della pagina in html, nel tag head o meglio prima della chiusura del tag body (quest'ultimo caso se il jquery non deve funzionare immediatamente al caricamento del DOM) devi importare la libreria jquery relativa allo script che stai utilizzando e copiare e incollare l'inero codice del file scaricato nel punto della pagina dove ti interessa la funzione.
Ovviamente queste istruzioni sono molto generiche in quanto non so cosa devi fare e intuisco che sei agli inizi...
 

orlando

Nuovo Utente
3 Nov 2015
4
0
0
Buongiorno, grazie per l'interesse...allora per entrare nello specifico (giustamente:mavieni:) sto cercando di caricare questo jquery http://www.marchettidesign.net/2015/02/creare-uno-slider-responsive-e-touch-ready-con-slick-slider/
..
ora io ho fatto cosi.
HTML:
<!doctype html>
<html class="">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Script/prinsopale_Informa.css" rel="stylesheet" type="text/css">
<link href="slick-slider/slick-slider/style.css" rel="stylesheet" type="text/css">
<link href="slick-slider/slick-slider/css/slick.css" rel="stylesheet" type="text/css">
<script src="respond.min.js"></script>
</head>

<body>
<div class="gridContainer clearfix">
  <div id="div1" class="fluid">
   
    <div class="container-slider">
    <div  class="slidere conteiner-for">
    
    <div><img src="slick-slider/slick-slider/1.jpg" alt="Muro di Berlino"/><h1>Muro di Berlino</h1></div>
    <div><img src="slick-slider/slick-slider/2.jpg" alt="Strada blu"/><h2>strada blu</h2></div>
    <div><img src="slick-slider/slick-slider/3.jpg" alt="tre "/><h3>terzo</h3></div>
    <div><img src="slick-slider/slick-slider/4.jpg" alt="quattro "/><h4>quarto</h4></div>
    <div><img src="slick-slider/slick-slider/5.jpg" alt="cinque "/><h5>Quinto</h5></div></div></div>


  </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$('.slider-for').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		fade: true,
		asNavFor: '.slider-nav'
		});

   $('.slider-nav').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		asNavFor: '.slider-for',
		dots: true,
		centerMode: false,
		focusOnSelect: true,
		autoplay: true,
		autoplaySpeed: 2000,
		responsive: [
		    {
				breakpoint: 1024,
		      settings: {
		        slidesToShow: 3,
		        slidesToScroll: 3,
		        infinite: true,
		        dots: true
		      }
			    },
		    {
		      breakpoint: 600,
		      settings: {
		        slidesToShow: 2,
		        slidesToScroll: 2
		      }
		    }
		]
	});

});
// ]]></script>
</body>

</html>
ma il risultato non c'è:dipser:

infatti visualizzo le 5 foto incolonnate al centro della pagina con relativi commenti sotto..
sito.jpg

cosa sbaglio???:crying:
 

orlando

Nuovo Utente
3 Nov 2015
4
0
0
HTML:
<!doctype html>
<html class="">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Script/prinsopale_Informa.css" rel="stylesheet" type="text/css">
<link href="slick-slider/slick-slider/style.css" rel="stylesheet" type="text/css">
<link href="slick-slider/slick-slider/css/slick.css" rel="stylesheet" type="text/css">
<script src="respond.min.js"></script>
</head>

<body>
<div class="gridContainer clearfix">
  <div id="div1" class="fluid">
   
    <div class="container-slider">
    <div  class="slidere conteiner-for">
    
    
    <div><img src="slick-slider/slick-slider/1.jpg" alt="Muro di Berlino"/><h1>Muro di Berlino</h1></div>
    <div><img src="slick-slider/slick-slider/2.jpg" alt="Strada blu"/><h2>strada blu</h2></div>
    <div><img src="slick-slider/slick-slider/3.jpg" alt="tre "/><h3>terzo</h3></div>
    <div><img src="slick-slider/slick-slider/4.jpg" alt="quattro "/><h4>quarto</h4></div>
    <div><img src="slick-slider/slick-slider/5.jpg" alt="cinque "/><h5>Quinto</h5></div>
    </div>
    
    <div class="slider slider-nav">
    <div><img src="slick-slider/slick-slider/3.jpg" alt="tre"/><h4>terzo</h4></div>
    <div><img src="slick-slider/slick-slider/1.jpg" alt="Muro di Berlino"/><h2>Muro di Berlino</h2></div>
    <div><img src="slick-slider/slick-slider/2.jpg" alt="Strada blu"/><h2>Strada blu</h2></div>
    <div><img src="slick-slider/slick-slider/4.jpg" alt="quattro"/><h4>quattro</h4></div>
    <div><img src="slick-slider/slick-slider/5.jpg" alt="cinque"/><h5>Quinto</h5></div>
    
    
     </div>
     
</div>

<script type="text/javascript">
$(document).ready(function(){
	$('.slider-for').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		fade: true,
		asNavFor: '.slider-nav'
		});

   $('.slider-nav').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		asNavFor: '.slider-for',
		dots: true,
		centerMode: false,
		focusOnSelect: true,
		autoplay: true,
		autoplaySpeed: 2000,
		responsive: [
		    {
				breakpoint: 1024,
		      settings: {
		        slidesToShow: 3,
		        slidesToScroll: 3,
		        infinite: true,
		        dots: true
		      }
			    },
		    {
		      breakpoint: 600,
		      settings: {
		        slidesToShow: 2,
		        slidesToScroll: 2
		      }
		    }
		]
	});

});
// ]]></script>
</body>

</html>
 

orlando

Nuovo Utente
3 Nov 2015
4
0
0
Ciao, dipende che tipo di file è...
Comunque devi gestire il tutto abilitando la vista della pagina in html, nel tag head o meglio prima della chiusura del tag body (quest'ultimo caso se il jquery non deve funzionare immediatamente al caricamento del DOM) devi importare la libreria jquery relativa allo script che stai utilizzando e copiare e incollare l'inero codice del file scaricato nel punto della pagina dove ti interessa la funzione.
Ovviamente queste istruzioni sono molto generiche in quanto non so cosa devi fare e intuisco che sei agli inizi...
...
Appena fatto progressi ma non ho ancora risolto..
HTML:
<!doctype html>
<html class="">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="Script/prinsopale_Informa.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="slick-slider/slick-slider/css/slick.css"/>
<script type="text/javascript" src="http:
//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="slick-slider/slick-slider/js/slick.min.js"></script>
<script src="respond.min.js"></script>

</head>

<body>
<div class="gridContainer clearfix">
  <div id="div1" class="fluid">
   
    <div class="container-slider">
    <div  class="slidere conteiner-for">
    
    
    <div><img src="slick-slider/slick-slider/1.jpg" alt="Muro di Berlino"/><h1>Muro di Berlino</h1></div>
    <div><img src="slick-slider/slick-slider/2.jpg" alt="Strada blu"/><h2>strada blu</h2></div>
    <div><img src="slick-slider/slick-slider/3.jpg" alt="tre "/><h3>terzo</h3></div>
    <div><img src="slick-slider/slick-slider/4.jpg" alt="quattro "/><h4>quarto</h4></div>
    <div><img src="slick-slider/slick-slider/5.jpg" alt="cinque "/><h5>Quinto</h5></div>
    </div>
    
    <div class="slider slider-nav">
    <div><img src="slick-slider/slick-slider/3.jpg" alt="tre"/><h4>terzo</h4></div>
    <div><img src="slick-slider/slick-slider/1.jpg" alt="Muro di Berlino"/><h2>Muro di Berlino</h2></div>
    <div><img src="slick-slider/slick-slider/2.jpg" alt="Strada blu"/><h2>Strada blu</h2></div>
    <div><img src="slick-slider/slick-slider/4.jpg" alt="quattro"/><h4>quattro</h4></div>
    <div><img src="slick-slider/slick-slider/5.jpg" alt="cinque"/><h5>Quinto</h5></div>
    
    
     </div>
     
</div>

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
	$('.slider-for').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		fade: true,
		asNavFor: '.slider-nav'
		});

   $('.slider-nav').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		asNavFor: '.slider-for',
		dots: true,
		centerMode: false,
		focusOnSelect: true,
		autoplay: true,
		autoplaySpeed: 2000,
		responsive: [
		    {
				breakpoint: 1024,
		      settings: {
		        slidesToShow: 3,
		        slidesToScroll: 3,
		        infinite: true,
		        dots: true
		      }
			    },
		    {
		      breakpoint: 600,
		      settings: {
		        slidesToShow: 2,
		        slidesToScroll: 2
		      }
		    }
		]
	});

});
// ]]></script>

</body>

</html>
...

sito.jpg