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
 
Discussioni simili
Autore Titolo Forum Risposte Data
C modificare sito in locale con dreamWeaver HTML e CSS 3
A Creare un modulo di ricerca avanzata con dreamweaver HTML e CSS 0
R Mamp db + Dreamweaver Mac e Software 0
A [HTML] E' possibile creare un tema per wordpress con dreamweaver?? HTML e CSS 1
A [HTML] extension dreamweaver mx Windows e Software 1
A Può wordpress integrarsi con dreamweaver?? WordPress 7
S Dreamweaver pulsanti salva-annulla-ripeti Windows e Software 4
W Problema con cambio colorazione codice su Dreamweaver CC 2017 Windows e Software 0
otto9due Dreamweaver CC 2017 - cambiare colorazione codice Windows e Software 5
D Dreamweaver-attivazione di un suono-audio su rollover del mouse su un link Windows e Software 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
A Problema DreamWeaver - Aiuto Windows e Software 1
G Dreamweaver e html5 Windows e Software 9
Jonn Espressioni regolari su Dreamweaver Windows e Software 4
A Aiuto template html e dreamweaver HTML e CSS 1
R Crash di dreamweaver con windows 10 Webdesign e Grafica 1
R Crash di dreamweaver con windows 10 Windows e Software 0
F Aiuto: impossibile la mappatura di un'immagine con Dreamweaver CC2015 HTML e CSS 8
G problema con menu spry dreamweaver Webdesign e Grafica 5
L Configurazione client FTP integrato in Dreamweaver HTML e CSS 3
M Form mail con dreamweaver cs6 PHP 2
B Creare popup con dreamweaver HTML e CSS 3
L Dreamweaver menuspry Javascript 0
A Form Dreamweaver & CO. ...non ce la posso fare! Webdesign e Grafica 6
C Dreamweaver cs4 problemi con div Ap HTML e CSS 0
B creare galleria fotografica dreamweaver HTML e CSS 1
B Inserire banner iniziale a scomparso con dreamweaver HTML e CSS 1
P lightbox con dreamweaver HTML e CSS 1
M dreamweaver cc HTML e CSS 2
M Dreamweaver non visualizza file swf nell'anteprima browser Webdesign e Grafica 0
R Creazione sito con Dreamweaver HTML e CSS 9
R Problemi con il modulo utilizzando Dreamweaver HTML e CSS 6
asevenx Problema Dreamweaver "impossibile individuare i file correlati dinamicamente..." e con i <div> HTML e CSS 1
O Sito creato su notepad++ non viene letto correttamente da dreamweaver Webdesign e Grafica 0
O Sito creato con notepad++ non viene letto correttamente da dreamweaver HTML e CSS 11
O Sito creato con notepad++ non viene letto correttamente da dreamweaver Discussioni Varie 0
M Creare una gallery con Dreamweaver HTML e CSS 21
L dreamweaver e le librerie HTML e CSS 2
L Dreamweaver : cambiare sfondo a molte pagine insieme HTML e CSS 1
M Consiglio carrello per adobe dreamweaver E-Commerce 8
P Transizioni CSS in Dreamweaver CS6 HTML e CSS 0
S Creare cruciverba compilabile - Dreamweaver HTML e CSS 8
S Impostazioni Dreamweaver Webdesign e Grafica 0
L Problema con login in Dreamweaver CS5 PHP 2
A nivo slider con dreamweaver Javascript 1
S [Dreamweaver cs5.5] Widget spry Webdesign e Grafica 4
A Problemi di visualizzazione tra browser con dreamweaver Webdesign e Grafica 1
S [Dreamweaver] porre link multipli da una sola immagine Webdesign e Grafica 9
D Anteprima multischermo dreamweaver cs5 HTML e CSS 0
P Problema configurazione sito con dreamweaver [era: Problema dreaweaver] Windows e Software 0

Discussioni simili