Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 20
  1. #1

    menu javascript x scorrere immagini in directory

    Ciao a tutti,
    sono sicuro che chiunque in questo forum potrà darmi una mano x questo semplice scopo che mi sono prefisso.
    Voglio fare una galleria di immagini con scorrimento....In rete ci sono varie cosucce, ma io voglio una cosa molto molto semplice!
    Questo il funzionamento: L'utente vede una pagina con la prima immagine e ha a disposizione i tasti INDIETRO e AVANTI per poter scorrere le foto contenute in una determinata cartella (importante!) che risiede nel server.
    Ad ogni click l'immagine nella pagina cambia fino a raggiungere le 2 estremità, o meglio, un'immagine che indichi la fine.

    E' fattibile?

    Qualcuno sà darmi un'indicazione precisa...magari in codice...sono infatti un pò a digiuno di javascript!

    Ringrazio tutti x l'aiuto!

    ciao

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Con il solo javascript puoi eventualmente scorrere le immagini che tu sappia essere certamente presenti nella cartella del server, per poter invece esplorare il contenuto della cartella hai necessita' di un linguaggio che agisca sul server.

    Se indichi quale puoi/vuoi utilizzare (ASP,PHP,JSP,CGI,PERL,altri...) sposto la discussione nel forum adatto
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    In realtà mi andrebbe bene anche una soluzione "statica". Tipo un array che contiene già tutti nomi delle immagini da scorrere e i pulsanti avanti e indietro che fanno visualizzare via via le immagini indicate.

    Certo una soluzione dinamica sarebbe ancora meglio, il problema è che il server che ospita il sito accetta solo ASP e ne sò ancora meno di javascript a riguardo e quindi dovrei ricevere una soluzione "pronta e impacchettata"! Però provare non costa niente per cui io proporrei di mantenere la discussione su questo forum e di aprirla anche su quello dedicato ad ASP.
    Sempre se possibile.

    Grazie.

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    codice:
    <script>
    var lista = new Array(
      "/percorsoimmagini/foto1.jpg",
      "/percorsoimmagini/foto2.jpg",
      "/percorsoimmagini/foto3.jpg",
      "/percorsoimmagini/foto4.jpg",
      "/percorsoimmagini/foto5.jpg",
      "/percorsoimmagini/foto6.jpg");
    var indice=0;
    function scorri(verso) {
      if (verso=="+" && indice<(lista.length-1)) {
        indice++;
        document.getElementById("Immagine").src = lista[indice];
      }
      if (verso=="-" && indice>0) {
        indice--;
        document.getElementById("Immagine").src = lista[indice];
      }
    }
    </script>
    ...
    <button onclick="scorri('-');">Indietro</button>
    [img]/percorsoimmagini/foto1.jpg[/img]
    <button onclick="scorri('+');">Avanti</button>
    Esempio minimo...

    Per renderlo dinamico e' sufficiente che il server crei la lista delle immagini... ma per questo posso spostare sul forum ASP

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    E' perfetto... Almeno per ora che devo gestire poche immagini e il lavoro preparatorio è ancora fattibile!

    Pensi che spostandolo sul forum ASP si riesca a trovare una soluzione facilmente implementabile?
    Se sì, direi di provare a spostare il post!

    Ecco i passi che dovrebbe fare il codice ASP:
    1) Prendere in input il nome di una cartella del server (in cui sarà memorizzato il gruppo di img richiesto).
    2) Disporre i tasti avanti e indietro per la visualizzazione delle immagini in una finestra principale grande(i nomi delle img saranno composti da una parte fissa e una variabile, del tipo HPMIxxx.jpg o DSCNxxx.jpg, lo dico xè penso che si possa usare questa cosa x scorrerle). [oppure far scrivere al server la lista delle img e usarla con il codice JS di cui sopra!]
    3) Disporre al di sotto di questo le miniature delle foto trovate nella directory (che magari saranno identificate da mini_xxx.jpg) in una tabella con 3 immagini per riga. Non servono pagine multiple...basta che vengano tutte sulla stessa pagina.

    Grazie Mille!
    Bye

  6. #6
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Ok, ti sposto
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  7. #7
    Tra la mia immane confusione ho trovato questo script
    codice:
    <%
    '*******************************************************************
    ' Darkroom Gallery v.1.0
    '*******************************************************************
    ' Copyright (C) 2004 bjawnie.com
    '
    ' This script is freeware specified as follows:
    '
    ' You may modify the script to fit your needs in anyway you like.
    ' If you wish to redistribute it, non-commercial or commercial, however 
    ' you are obligated to contact the author to get his permission.
    '
    ' All copyright notices regarding bjawnie.com or links to bjawnie.com
    ' must remain intact in the scripts and in the outputted HTML.
    '
    ' Support can be obtained through our site at bjawnie.com
    '*******************************************************************
    
    '*********
    ' SETTINGS
    ' -->
    	dim PageTitle, ImageDirectory, ThumbnailHeight, ThumbnailWidth, ItemsPerPage, ItemsHorizontal
    	PageTitle			= "PhotoGallery"
    	ImageDirectory		= "public/gallery/"
    	ThumbnailHeight	= 95
    	ThumbnailWidth		= 100
    	ItemsPerPage		= 1
    	ItemsHorizontal	= 1 ' <--
    
    dim TotalItems, CurrentPage
    
    sub PrintGallery()
    	CurrentPage = request.querystring("page")
    
    	if CurrentPage = "" OR int(CurrentPage) = 0 then
    		CurrentPage = 1
    	end if
    	
    	dim StartItem
    	StartItem = ((CurrentPage - 1) * ItemsPerPage) + 1
    	
    	if int(StartItem) = 0 then
    		StartItem = 1
    	end if
    
    	dim FileSystemObject, FileSystemObjectFiles
    	set FileSystemObject			= server.createobject("scripting.filesystemobject")
    	set FileSystemObjectFiles	= FileSystemObject.getfolder(server.mappath(ImageDirectory))
    	
    	dim item, ItemArray
    	for each item in FileSystemObjectFiles.files
    		TotalItems = TotalItems + 1
    		
    		if int(StartItem) <= int(TotalItems) AND int(StartItem + ItemsPerPage) > int(TotalItems) then
    			if ItemArray = "" then
    				ItemArray = ItemArray & item.name
    			else
    				ItemArray = ItemArray & "," & item.name
    			end if
    		end if
    	next
    	
    	ItemArray = split(ItemArray, ",")
    
    	response.write "<table class=""table"">" & vbnewline
    	
    		dim i, ItemPrints
    		for i = 0 to ubound(ItemArray)
    			ItemPrints = ItemPrints + 1
    		
    				if int(ItemPrints) = 1 then
    					response.write "<tr>" & vbnewline
    				end if
    
    					response.write "<td class=""td"">" &_
    						
    "<a href="""& ImageDirectory & "/" & ItemArray(i) & """ target=""_blank"" class=""link_image"">" &_
    "[img][/img]" &_
    "</a>" &"
    <font size=1 color=#000080>"& ItemArray(i) &" "&_
    					"</td>" & vbnewline
    
    			if int(ItemPrints) = int(ItemsHorizontal) OR i = ubound(ItemArray) then
    				ItemPrints = 0
    				response.write  "</tr>" & vbnewline
    			end if
    		next
    
    	response.write  "</table>" & vbnewline
    
    end sub
    
    
    private sub PrintPaging()
    	dim TotalPages
    	TotalItems = TotalItems
    	TotalPages = TotalItems/ItemsPerPage
    	
    	if int(TotalPages) < TotalPages then
    		TotalPages = int(TotalPages) + 1
    	end if
    	
    	dim PageName
    	PageName = request.servervariables("script_name")
    	
    	if 1 < TotalPages then
    		response.write "<div class=""div_paging"">" &_
    			"Page: "
    
    			dim i
    			for i = 1 to TotalPages
    				if int(CurrentPage) = int(i) then
    					response.write " ("& i &" )"
    				else
    					response.write " <a href="""& PageName &"?page="& i &""" class=""link_paging"">" &_
    						i &_
    					"</a>"
    				end if
    
    				if NOT i = TotalPages then
    					response.write ", "
    				end if
    			next
    
    		response.write "</div>"
    	end if
    end sub
    
    
    response.write "<html>" & vbnewline &_
    "<head>" & vbnewline &_
    "<title>" & PageTitle & "</title>" & vbnewline &_
    "<style>" & vbnewline &_
    
    "body" &_
    "{" &_
    "font-family: tahoma, verdana, arial;" &_
    "font-size: 8pt;" &_
    "color: #000000;" &_
    "text-align:center;" &_
    "}" & vbnewline &_
    
    ".table" &_
    "{" &_
    "margin:auto;" &_
    "font-size: 8pt;" &_
    "color: #000000;" &_
    "text-align:center;" &_
    
    "}" & vbnewline &_
    
    ".td" &_
    "{" &_
    "padding:20px;" &_
    "}" & vbnewline &_
    
    "a.link_image" &_
    "{" &_
    "border:2px groove #cccccc;" &_
    "}" & vbnewline &_
    
    "a.link_image:hover" &_
    "{" &_
    "border:2px groove #cccccc;" &_
    "}" & vbnewline &_
    
    "a.link_paging" &_
    "{" &_
    "text-decoration:underline;" &_
    "color: #000000;" &_
    "}" & vbnewline &_
    
    "a.link_paging:hover" &_
    "{" &_
    "text-decoration:none;" &_
    "color: #000000;" &_
    "}" & vbnewline &_
    
    "a.link_credits" &_
    "{" &_
    "font-size: 8pt;" &_
    "color: #000000;" &_
    "}" & vbnewline &_
    
    ".div_credits" &_
    "{" &_
    "font-size: 8pt;" &_
    "color: #000000;" &_
    "}" & vbnewline &_
    
    ".image" &_
    "{" &_
    "border:0px;" &_
    "}" & vbnewline &_
    
    "</style>" & vbnewline &_
    "</head>" & vbnewline &_
    "<body>" & vbnewline
    
    call PrintGallery()
    
    call PrintPaging()
    
    
    response.write "
    " & vbnewline &_
    "
    " & vbnewline &_
    
    "<div class=""div_credits"">" &_
    	"" &_
    "</div>" & vbnewline &_
    
    "</body>" & vbnewline &_
    "</html>"
    %>
    le immagini vanno nella directory
    public/gallery.
    Come puoi ben vedere nella parte segnata in azzurro puoi fare tutti i settaggi riguardanti la directory, il numero di immg per pg, il num di immg per riga e le dimensioni delle Thumbnail.
    Con poche modifiche penso tu possa adattarlo alle tue esigenze.

  8. #8
    Ho provato il codice in locale con ASPBrowser...ma il risultato è tutt'altro che quello voluto.
    Allego immagine.
    Le img si dispongono a casaccio e cliccando per proseguire alla prossima pagina non visualizza niente...e cmq non mi serviva questa funzione...l'utente doveva scorrere con Avanti e Indietro.

    Cmq, grazie lo stesso!

    Bye
    Immagini allegate Immagini allegate

  9. #9
    ...mi rimangio tutto all'istante!!!!

    Lo script funziona...ero io che avevo fatto pettini!!!

    Solo una cosa non mi piace...che visualizza anche il file Thumbs.db! Si può evitare?

    Non sò se chiedo troppo ma, si può modificare questo script in modo da inserirvi una finestra più grande dove l'utente visualizza l'img ingrandita che seleziona dalle miniature?

    Grazie.
    BYE

  10. #10
    Il file Thumbs.db lo puoi cancellare.
    Per quanto riguarda il resto non ho ben capito se vuoi che l'immagine ingrandita si apra in una popup o se si deve aprire sulla stessa pagina della miniatura.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.