Dreamweaver CC

orlando · 3 Nov 2015

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?

filomeni · 7 Nov 2015

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 · 8 Nov 2015

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..

cosa sbaglio???:crying:

orlando · 8 Nov 2015

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 · 8 Nov 2015

filomeni ha scritto:
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>

...

Cerca

Cerca

Dreamweaver CC

orlando

Nuovo Utente

filomeni

Moderatore

orlando

Nuovo Utente

orlando

Nuovo Utente

orlando

Nuovo Utente

Discussioni simili