ArsLudica.org Forum
Cogitare => Machinamenta => Topic aperto da: Mario Morandi - Novembre 15, 2007, 00:45:32
-
Il modo più easy, elegante e customizzabile per realizzare uno slideshow in flash da embeddare nei blog.
Dai, che voi ne conoscete a mille... ;D
Intanto ne sto provando alcuni.
PS: ah, dimenticavo: freeware... :'(
-
http://www.designerblog.it/post/1868/autumn-ii-una-super-image-gallery-per-il-vostro-sito
-
Grazie mille ma è pesantino.
Anche troppo tecnologico per quello che devo fare!
Intanto se qualcuno di voi è abbastanza tecnico e filantropo io vi metto da scarica' questo file:
www.retrogamer.it/radiogame/videogames.rar - slideshow di prova
In pratica il programma Flash Slideshow Maker Professional ha tutto quello che mi serve tranne una cosa: la randomizzazione delle immagini!
Presumo che sia una gran cavolata per chi ne sa, ma se non sapete dirmi come fare in cinque minuti lasciate pur perdere, eh! :D
Qui riporto il codice che viene creato nel file xml abbinato all'oggetto in flash, magari mi date una dritta per dirgli di pescare le immagini a random
(poi dovrò capire come embeddare l'oggetto, ma meglio fare una cosa per volta... :D)
<?xml version="1.0" encoding="UTF-8" ?>
<flash_parameters>
<preferences>
<global>
<basic_property movieWidth="150" movieHeight="800" html_title="vgslide" loadStyle="Pie" startAutoPlay="true" continuum="true" backgroundColor="0x3c3c3c" hideAdobeMenu="true" photoDynamicShow="true" enableURL="false" transitionArray=""/>
<title_property showTitle="false" photoTitleColor="0xff0000" backgroundColor="0x1e1e1e" alpha="50" autoHide="true"/>
<music_property path="" stream="true" loop="true"/>
<photo_property topPadding="0" bottomPadding="0" leftPadding="0" rightPadding="0"/>
<properties enable="true" backgroundColor="0xffffff" backgroundAlpha="30" cssText="a:link{text-decoration: underline;} a:hover{color:#ff0000; text-decoration: none;} a:active{color:#0000ff;text-decoration: none;} .blue {color:#0000ff; font-size:15px; font-style:italic; text-decoration: underline;} .body{color:#ff5500;font-size:20px;}" align="bottom"/>
</global>
<thumbnail>
<basic_property showPrview="false" buttonColor="0xffffff" borderColor="0xffffff" currentBorderColor="0xffffff"/>
</thumbnail>
</preferences>
<album>
<slide jpegURL="thumbs/t_0001.jpg" d_URL="slides/p_0001.jpg" transition="0" panzoom="1" URLTarget="0" phototime="2" url="" title="super-mario"/>
<slide jpegURL="thumbs/t_0002.jpg" d_URL="slides/p_0002.jpg" transition="0" panzoom="1" URLTarget="0" phototime="2" url="" title="Ryle"/>
<slide jpegURL="thumbs/t_0003.jpg" d_URL="slides/p_0003.jpg" transition="0" panzoom="1" URLTarget="0" phototime="2" url="" title="M&L%20Princess"/>
<slide jpegURL="thumbs/t_0004.jpg" d_URL="slides/p_0004.jpg" transition="0" panzoom="1" URLTarget="0" phototime="2" url="" title="metroidprime2wallpaper"/>
<slide jpegURL="thumbs/t_0005.jpg" d_URL="slides/p_0005.jpg" transition="0" panzoom="1" URLTarget="0" phototime="2" url="http://www.flash-slideshow-maker.com/" title="Powered by Flash Slideshow Maker"/>
</album>
</flash_parameters>
Vi ringrazio per qualunque dritta in proposito, intanto continuo a smanettarci sopra... :P
-
Per l'embed mi sono reso conto di una cosa: posso metterlo in un post
<embed src="http:www.retrogamer.it/radiogame/videogames/videogames.swf" quality="high" width="150" height="800" align="left" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
ma non sullo sfondo come vorrei.
in pratica il risultato sararebbe avere ai lati del contenuto del blog
www.radiogame.splinder.com
due oggetti in flash con immagini a rotazione, MA
IMPORTANTISSIMO
fare in modo che scorrendo la pagina lo sfondo resti fisso.
Vedremo se ce la portò fare, prima o poi... :-\
-
AIO, se tutto ciò di cui hai bisogno è uno sfondo a rotazione, puoi farlo con javascript (deve essere supportato e attivato nel browser), e/o con un linguaggio lato server (ma non tipo lo script php che spara tutte le volte l'immagine senza poterla tenere in cache). Visto che sei su splinder, forse è utile una combinazione dei due (ma potrebbe bastare il javascript).
-
E quanto all'essere uno sfondo fisso, usi queste proprietà css:
http://www.w3schools.com/css/css_background.asp
.div_con_immagine_di_bg
{
background-image: url('sfondofigo.jpg');
background-repeat: repeat; /* oppure no-repeat se non vuoi che si ripeta */
background-attachment: fixed; /* così sta fissa */
}
La funzione javascript andrebbe a sovrascrivere la proprietà background-image con l'immagine che vuoi di volta in volta. Però si caricherebbe ogni volta come ultima cosa.
-
beh, io volevo un'immagine che si muovesse "alla flash".
Smanettando ho provato di tutto per tenere lo sfondo fermo, ma sembra che lo possa fare solo con un'immagine sola, e non con una repated.
Avevo già provato il codice per lo sfondo, ho ritentato: nada.
E vabbé, a furia di smanettare prima o poi qualcosa troverò! :D
-
AH!
Mi è venuta una sorta di illuminazione.
Siccome il programma che fa gli slideshow ti crea anche una pagina web per visualizzare lo slideshow
avrei bisogno di inserire dei vetustissimi frames nel backgroud del blog di radiogame.
Io ce provo in qualche maniera, dovrebbe fungere... oltretutto possono essere "fissi"...
mah vediamo.
OPPURE
Creare altre due barre laterali...
EDIT: Bingoal.
http://www.dynamicdrive.com/style/layouts/category/C11/
-
Eh beh:
www.radiogameshow.splinder.com
Scusate la telecronaca, comunque potrebbe sempre tornare utile a qualcuno in futuro! ;D
Soprattutto per spazzare via la barra di Splinder... ;D
Ora ci manca solo il progettino slideshow, in teoria dovrebbe funzikare...
Altro smanettamento in arrivo... :P
-
O l'hai cancellato o non è visibile :look:
-
Ah, forse l'hai già messo su radiogame :look:
Debbo dire che su firefox su linux questo surrogato dei frame è POCO performante, scatticchia durante lo scrolling (l'avevo già visto in azione altre volte).
-
Buono a sapersi, nel frattempo qualcuno mi dice come fare per tenere i contenuti centrati?
provo position: relative e dimensioni auto o in percentuale ma qua è un bel casotto... sigh. :-\
-
Prova margin:auto;
-
Provo provo...
intanto sono tornato al layout "normale".
Vi ringrazio. ;)
EDIT: niente di fatto; basta dannarsi, vedrò di vivacizzare il blog in altro modo, altrimenti perdo troppo tempo e quando lo realizzo il nuovo Episodio? ;D
Grazie lo stesso, almeno adesso ne so un po' di più sul CSS, male non fa.
EDIT:
ho riprovato a mettere l'oggetto in flash: mi scrive "load fail", sia se seguo i vari codici (per myspace, blogger) postati sul sito del programma
http://flash.dvd-photo-slideshow.com/faq/myspace_profile.php
sia se seguo delle semplici istruzioni su come postare un elemeno flash sullo sfondo.
<div id="layer" style="position:absolute; width:'100%'; height:'100%'; z-index:100; left: 1px; top: 1px">
<object width="800" height="150">
<param name="movie" value="http://www.retrogamer.it/radiogame/videogames/videogames.swf">
<embed src="http://www.retrogamer.it/radiogame/videogames/videogames.swf" width="100%" height="100%">
</embed>
</object>
</div>
Compare una scritta di testo al posto del file in flash "load fail". E vabbe'... :'(
-
L'unica risposta plausibile sembra proprio realizzare qualcosa in javascript.
Ma non come l'header di ars ludica che cambia al cambio pagina, dovrebbe cambiare in stile slideshow, almeno con una transizione in sfumatura.
Volglio troppo? Eh, lo so! ;D
Si vedrà.... ::)
-
L'unica risposta plausibile sembra proprio realizzare qualcosa in javascript.
Ma non come l'header di ars ludica che cambia al cambio pagina, dovrebbe cambiare in stile slideshow, almeno con una transizione in sfumatura.
Volglio troppo? Eh, lo so! ;D
Si vedrà.... ::)
Infatti l'header di Ars Ludica usa solo php (è giornaliero). Una sfumatura la vedo aaaaardua. Cioè, in javascript penso si possa fare, ma richiederà gigaflops sul client per essere elaborata :P
-
Appunto... quindi l'unica sarebbe in flash.
Ma porc.
Lascio in sospeso la cosa, anche se devo trattenermi dallo smanettamento compulsivo... :P
-
L'unica risposta plausibile sembra proprio realizzare qualcosa in javascript.
Ma non come l'header di ars ludica che cambia al cambio pagina, dovrebbe cambiare in stile slideshow, almeno con una transizione in sfumatura.
Volglio troppo? Eh, lo so! ;D
Si vedrà.... ::)
Infatti l'header di Ars Ludica usa solo php (è giornaliero). Una sfumatura la vedo aaaaardua. Cioè, in javascript penso si possa fare, ma richiederà gigaflops sul client per essere elaborata :P
Mbè?
http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm
Enable/ Disable fade transition effect
The fade transitional effect between content change is turned on by default, and is controlled by the following variable inside contentslider.js:
var enabletransition=1 //enable fade into view transition effect? (1=yes, 0=no)
Note that in order for the transitional effect to work, inside contentslider.css, the CSS class ".opacitylayer" should be defined with the proper values, and that <div class="opacitylayer"> is surrounding your DIV contents inside the HTML (see above).
Non sembrerebbe aaaaarduo! ;D
Ottimo sito tra l'altro, vediamo se riesco a introdurre nuove "fighettate.." ;D
EDIT: però, lavoraccio..
Ah sapete che il quick edit di questo forum non funge in firefox? Massì, lo sapevate per forza... ;D
-
Ah sapete che il quick edit di questo forum non funge in firefox? Massì, lo sapevate per forza... ;D
Non sapevo neanche che esistesse il quick edit, dove sta? :asd: