Zoom immagini mercato postato il 27/06/2011 10:26:54 nel forum programmazione, gdrcd e open source
Salve a tutti! Ancora una volta mi trovo costretto a rivolgermi a voi, oh potenti menti illuminate...bene...(modalità sviolinata OFF)
Tornando seri per un momento, avrei questo problema che mi sta facendo diventare matto, premetto che sto utilizzando la nuova versione del gdrcd 5.1 ovvero l'advanced.
In due parole, vorrei che al passaggio del mouse su di un oggetto nel mercato (e ovviamente poi anche nel proprio equip) apparisse più o meno al centro della pagina, l'immagine originale più grande.
Ora, io non sono pratico di programmazione in generale ma adoro smanettare e preferisco riuscire a capirle io stesso le cose piuttosto che trovarmi il lavoro fatto, anche perchè poi se dovessi avere dei problemi in merito non saprei dove mettere le mani non essendo farina del mio sacco. Per ora ho creato un nuovo campo nel batabase in mercato proprio sotto "urlimg" chiamandolo "urlbig" e modificato a dovere il file gestione_mercato.php e scheda_oggetti.php aggiungendo le stringhe di codice necessarie collegandole al nome del nuovo campo in tabella e fin qui tutto ok. Se vado per creare un oggetto mi appare sotto ad "immagine", un nuovo campo che ho chiamato "immagine grande".
Il problema è che non ho idea di come fargli dire in termini di css che al passaggio del mouse sull'immagine, visualizzi la sua corrispondente più grande, associata a quel nuovo campo nel db.
Ho provato con diversi codici reperiti da guide varie sull'argomento, ma non sono riuscito nel mio intento.
Spero che qualcuno di voi riesca ad illuminarmi (magari utilizzando termini semplici e non da programmatore professionista :P)
Grazie in anticipo, anche solo a tutti quelli che perderanno un po del loro tempo per leggere la mia richiesta!
Pagine → 1 2
27/06/2011 10:39:51
Prova a spulciare tra gli scriptini js gia' fatti che si trovano gratis a giro, anche su html.it. Come chiavi di ricerca qualcosa tipo images magnifier js.
27/06/2011 10:56:11 e modificato da whaiet il 27/06/2011 10:58:18
Grazie mille faber per l'immediata risposta!
A dire il vero gia ieri avevo provato a cercare cose simili in giro e ne ho trovati anche parecchi, il problema però è come integrarli con il pacchetto, in quanto quasi tutti questi script vanno a creare in una pagina html dei collegamenti alle immagini più grandi, quindi io in pratica dovrei aggiungere ogni volta anche il collegamento per ogni oggetto che inserisco nuovo nel mercato...e verrebbe una cosa un po impossibile...e non sono neanche sicuro che funzioni in quanto la struttura di gdrcd 5.1 credo sia un po più complessa di un semplice sito. In teoria dovrebbe esserci un modo per dare un unico comando a tutte le immagini degli oggetti del mercato che, se non ho visto male, con firebug sono sotto il div class= inventario_img.
quindi appurato ciò, non esiste un sistema in css per richiamare l'immagine associata al nuovo campo nella tabella del db quando vado sopra con il mouse su quella più piccola?
Grazie ancora!
27/06/2011 12:37:23
Ovviamente c'e' da spremersi un po le meningi. Ma quello che la pagina produce e' una tabella con un certo numero di immagini nelal prima colonna. Se lo script che scegli richiede un evento onmouseover() annidato, tipo, nell'immagine stessa, sistemacelo e gestisci un indicizzazione.
27/06/2011 15:09:36 e modificato da leoblacksoul il 27/06/2011 15:19:55
^ Come dice Mr.Faber ^
Però whaiet aveva richiesto un linguaggio meno complesso credo XD
Oggi sono buono e mi è venuta voglia di scrivere XD
Allora prima di tutto css centra poco e niente, non è un linguaggio di programmazione ma serve solo per definire la formattazione delle pagina. Quindi per fare cose dinamiche non è molto utile (scordiamoci del pseudo-classi per un attimo); al massimo possiamo usare qualcos'altro che vada a modificare i css.
Questo qualcosa di solito è javascript, per i browser.
Io proporrei una cosa di questo tipo:
Nella pagina crea già l'elemento che conterrà l'immagine grande, ma non metterci dentro nessuna immagine e rendilo invisibile. Dovrebbe essere una cosa di questo tipo:
27/06/2011 15:24:16
Ti ringrazio veramente di cuore per la cura con cui hai risposto ed elencato passo passo tutto ciò che deve essere fatto! Ora proverò a vedere se riesco a mettere in pratica i tuoi passaggi! speriamo bene...non essedno molto ferrato in materia mi ci potrebbe volere un po per mettere insieme tutto!
Grazie ancora!
27/06/2011 18:03:22
Cosi' pero' costringe ad adattare la pagina. io penso intenda le immagini che si magnificano con lo sfondo nero (non mi ricordo come si chiamano).
27/06/2011 18:51:02 e modificato da leoblacksoul il 27/06/2011 18:54:22
mmh, non ho capito cosa intendi con adattare la pagina.
Forse pensavi a una lightbox? Quella però non funziona con onMouseOver, dovrebbe funzionare tipo con onClick.
Credo di aver dato le istruzioni per eseguire esattamente quello che aveva richiesto, se non ho interpretato male. Fatto un po' spartano, certo, ma io senza jQuery o simili non mi ci metto a fare cose più eleganti XD
27/06/2011 19:16:02
No no per me va benissimo anche in modo spartano! basta che la cosa funzioni ^^ A questo proposito...sto facendo varie prove, ma non riesco a far funzionare il procedimento. Sicuramente sbaglio io qualcosa, ma per essere più chiaro (se chiedo troppo mi scuso in anticipo) non è che mi potresti dire ogni tratto di codice, in quale pagina vada inserito? Io credo che il campo per determinare l'immagine grande e la funzione di show e hide vadano in gestione_mercato.php (correggetemi se sbaglio) ma la array e lo script js invece?
Grazie ancora per la disponibilità!
27/06/2011 19:33:25
Si una shadowbox intendevo, pensavo non ci fossero problemi a lanciarlo con onmouseover.
27/06/2011 22:36:52
Ancora non sono riuscito a venirne a capo...sicuramente sbaglio qualcosa...il problema è che non saprei dire cosa...
Discussione seguita da
Pagine → 1 2
Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD e Open Source Elenco Forum
Il gestore di Age of Crystals ha risposto alla recensione di moak