Utilizzo di views slideshow e views

37 contenuti / 0 new

Accedi o registrati per inserire commenti.

Sab, 09/10/2010 - 23:25

Salve,
dovrei creare una slideshow con views slideshow e views, premetto che sono poco pratico di entrambi...
ho provato a smanettarci un pochinino ma con pochi risultati fino ad ora..

[[[
Krima non mi dire che devo usare la "ricerca" perchè l'ho fatto ed ho trovato poco e niente
:)
]]]

Come si fa a creare una semplice slideshow ?
Devo creare prima una galleria immagini e quindi associarla ad una view ?
.. ho letto anche evantualmente di creare campi con cck e quindi associargli delle immagini.. ma c'ho capito poco..

Utilizzando views mi dice:
"Display "Defaults" uses fields but there are none defined for it or all are excluded."
"Display "Gallery page" uses fields but there are none defined for it or all are excluded".

Qundi come potete ben capire mi incasino subito nella creazione della views, ma sinceramente di tutti i moduli di Drupal lo trovo abbastanza complicato... nonostante abbia conoscenza di viste effettive scritte in sql ecc... mah sarà pure che è Sabato sera e sono particolarmente stanco..
ci ritornerò su ma se qualcuno sa delucidarmi in merito..

Per ora ho fatto da me ed ho utilizzato un file javascript ma vorrei anzi voglio utilizzare i moduli sopra citati (views slideshow e views)..

A proposito di javascript apro e chiudo un'ultima parentesi..
ho trovato questo script che funziona bene, ma se lo ripropongo in un altro blocco sulla stessa pagina per visualizzare altre immagini ho casino sia sul primo che sul secondo blocco.. come posso riutilzzarlo in più blocchi per diverse immagini ?

<div align="center">
<script type="text/javascript" language="JavaScript">
<!--
var slideshow_width='400px'
var slideshow_height='300px'
var pause=5000
var slidebgcolor="#ffffff"
var dropimages=new Array()
dropimages[0]="/sites/default/files/images/presentazione/file1.jpg"
dropimages[1]="/sites/default/files/images/presentazione/file2.jpg"
dropimages[2]="/sites/default/files/images/presentazione/file3.jpg"
var droplinks=new Array()
droplinks[0]=""
droplinks[1]=""
droplinks[2]=""
var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')
var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1
function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'">'+slideimage+'</a>' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}
function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}
function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+dropimages[curimageindex]+'" border=0>'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
//-->
</script></div>

Grazie e buona notte !
:)

Dom, 10/10/2010 - 10:17

krima

L'immagine di ricerca è nella firma quindi esce in automatico :-)

Per la vista vedi questa immagine e poi fai un po' di esperimenti:

Il risultato sono 4 immagini con un testo modificabile che si alternano:

Ovviamente provando le varie impostazioni puoi ottenere vari effetti.
Per quello che vedi ho creato un contenuto (lo ho chiamato xSlideshow) con un campo CCK dove inserire una riga di testo con eventuale link + un altro per caricare un immagine.

Quindi ho creato i 4 nodi che mi servivano, poi la vista che vedi ed infine elaborato il tutto da CSS.

Per aggiungere la vista scegli tipo nodo. Se ti serve un blocco oltre alla vista pagina devi aggiungere una vista blocco, questa prenderà in automatico le caratteristiche predefinite e creerà un nuovo blocco che puoi mettere dove vuoi.

Lun, 11/10/2010 - 03:20

Main menu

Tu sei qui

Accesso Utente

Nuovi argomenti del forum

Utenti on-line

Utilizzo di views slideshow e views