Creazione Catalogo prodotti con foto e descrizioni

**debby87** · 09-09-2010, 18:07

Ciao a tutti,
vorrei creare un catalogo per i prodotti del mio sito e-commence, che ti permetta di visualizzare foto e descrizione di ognuno!
Per realizzare ciò aveva pensato di utilizzare qualche framework, quali mootools o jquery! Sapete consigliarmi esempi per entrambe le strade?
Vi ringrazio in anticipo.

**Xinod** · 09-09-2010, 18:09

carino = "visualizzare foto e descrizione di ognuno"?

**debby87** · 09-09-2010, 18:11

intendo cose di questo genere, ma con i pulsanti per andare avanti e indietro

**debby87** · 09-09-2010, 18:12

http://javascript.html.it/demo/javas...76/esempio.htm

**debby87** · 10-09-2010, 01:22

qualcosa l'ho trovato, ho trovato uno slide show in javascript. come faccio a richiamarlo in html?

codice:

var slideshow_width='92px'
var slideshow_height='63px'
var pause=3000 
var slidebgcolor="#ffffff"

var dropimages=new Array()
dropimages[0]="images/liquori/limoncello.jpj"
dropimages[1]= "images/liquori/rosolio.jpg"
dropimages[2]= "images/liquori/drambuie.jpj"
dropimages[3]= "images/liquori/curacao.jpj"
dropimages[4]= "images/liquori/liquoremirtillo.jpj"
dropimages[5]= "images/liquori/liquore-uovo.jpj"
dropimages[6]= "images/liquori/mandarino.jpj"
<!--dropimages[]= "images/liquori/.jpj"


var droplinks=new Array()
droplinks[0]="http://www.html.it"
droplinks[1]="http://flash-mx.it"
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('[img]'+dropimages[0]+'[/img]')

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]'+dropimages[curimageindex]+'[/img]'
tempobj.innerHTML=(droplinks[curimageindex]!="")? ''+slideimage+'' : 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)'

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]'+dropimages[curimageindex]+'[/img]'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

**EtaBeta89** · 10-09-2010, 11:41

qualcosa l'ho trovato, ho trovato uno slide show in javascript. come faccio a richiamarlo in html?

Soluzione 1: inserisci l'intero codice fra i tag <body> </body>.

Soluzione 2: salvi il codice in un file esterno (ad esempio: miofile.js), e lo richiami inserendolo fra i tag <body> </body>, in questo modo:
<script language="javascript" src="miofile.js"></script>

Ciao

**debby87** · 10-09-2010, 11:49

ok, ho provato la seconda opzione (perchè voglio separare il codice html da quello js) ma non va, non carica sulla! -.-

**debby87** · 10-09-2010, 11:53

non devo fare cose del tipo: <body onload="slideshow()"> ?????

**cavicchiandrea** · 10-09-2010, 12:16

@debby sicura d'avere le basi di javascript per sviluppare il lavoro/progetto? che devi fare Da quanto leggo non sembrerebbe, di logica prima si studia il linguaggio poi si applica e per problemi/blocchi si chiede aiuto, non il contrario, è solo un impressione forse mi sbaglio ma ho la netta sensazione che tu non conosca minimamente il linguaggio e che ti limiti a recuperare script in rete che poi non sai gestire.
Se così fosse mi permetto di consigliarti di fare un passo indietro e di inziare a studiarti il javascript, oltre a capire cosa stai facendo non dovrai sempre dipendere dagli altri, se mi sbaglio come non detto e nel augurarti di risolvere chiedo scusa per il mio intervento.

**debby87** · 10-09-2010, 12:32

beh sicuramente non sono un'esperta ma ho seguito le lezioni del mio prof sul javascript e ho letto una vostra guida, ma a quanto pare non basta visto che non riesco nemmeno ad inserire un file esterno js in uno html.
ma non penso sia un fatto di sintassi o qualt'altro visto che alla risposta di EtaBeta89 ci era già arrivata da sola. Ma non funziona, ecco perchè ho chiesto e ciò mi sembra un blocco, il blocco di cui tu parli!

Discussione: Creazione Catalogo prodotti con foto e descrizioni

Strumenti discussione

Ricerca discussione

Visualizza

Creazione Catalogo Carino

Permessi di invio