Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 28 di 44
  • livello principiante
Indice lezioni

Immagine sostitutiva

Sostituire il filmato con un'immagine in assenza del plugin
Sostituire il filmato con un'immagine in assenza del plugin
Link copiato negli appunti

SCOPO

In base alla presenza del plugin, inserire nella pagina un filmato o un'immagine sostitutiva

STRUMENTI

moock fpi [f.lash p.layer i.nspector] di Colin Moock | http://www.moock.org/

METODO

Scarichiamo il moock fpi (la versione con i file *.js) e decomprimiamo il contenuto del file *.zip in una cartella. Possiamo cancellare i file movie.html, noflash.html, upgrade.html, e tenere solamente movie.swf, altimage.gif, moockfpi-v1.3.5.html, e i quattro file *.js

File di esempio

File di esempio

MOOCKFPI-V1.3.5.HTML

La pagina moockfpi-v1.3.5.html è da rinominare in index.html: è la prima pagina che viene vista dal visitatore una volta giunto al nostro sito, e contiene tutto il codice per il plugin detect, con i relativi richiami ai files *.js esterni.

Le modifiche da fare alla pagina sono molto poche, e solo di tipo grafico: in ogni caso, non va assolutamente cambiato nulla del codice, se non la parte tra i tag <noscript>.

Ad essa può essere sostituito un contenuto alternativo per il caso in cui il browser non supporti alcun tipo di script, oppure che questi siano stati disabilitati.

Un'immagine, o appunto i tag per il refresh, vanno benissimo.

<NOSCRIPT>

<!--##############################################

HERE WE PROVIDE ALTERNATE CONTENT FOR NON-SCRIPT-SUPPORTING

BROWSERS OR BROWSERS THAT HAVE THEIR SCRIPTING TURNED OFF...

################################################

IF YOU ARE USING PAGE REDIRECT, A META REFRESH GOES HERE. FOR EXAMPLE:

<META HTTP-EQUIV="Refresh" CONTENT="10;URL=noflash.html">IF YOU ARE USING CONTENT SWAPPING, THE VALUE OF THE

alternateContent VARIABLE

SHOULD BE REPEATED HERE. FOR EXAMPLE:

<IMG SRC="altimage.gif" >

-->

</NOSCRIPT>

FPI-INIT.JS

Apriamo il file fpi-init.js, e modifichiamo solo le due righe arancioni a seconda delle nostre esigenze:

[OMISSIS]

// #############################################

// These are the user defined globals.

// Modify the following variables to customize the inspection behaviour.

var requiredVersion = 6; // Version the user needs to view site (max 6, min 2)

var useRedirect = false; // Flag indicating whether or not to load a separate

// page based on detection results. Set to true to

// load a separate page. Set to false to embed the

// movie or alternate html directly into this page.

// Only set next three vars if useRedirect is true...

var flashPage = "movie.html" // The location of the flash movie page

var noFlashPage = "noflash.html" // Page displayed if the user doesn't

// have the plugin or we can't detect it.

var upgradePage = "upgrade.html" // Page displayed if we detect an old plugin

// #############################################

[OMISSIS]

requiredVersion: la versione del Flash player necessaria alla visualizzazione del sito

useRedirect: va settato come false per indicare che non c'è un cambio di pagina a seconda del rilevamento, ma che tutto si svolge all'interno della pagina con il codice

Gli altri parametri possono essere ignorati.

FPI-SWAP.JS

Evidenzio le parti da modificare: il resto, a parte i parametri dei tag <object> ed <embed>, non va assolutamente toccato:

// In this section we set up the content to be placed dynamically on the page.

// Customize movie tags and alternate html content below.

if (!useRedirect) { // if dynamic embedding is turned on

if(hasRightVersion) { // if we've detected an acceptable version

var oeTags = '<OBJECT CLASSID="[...]'

+ ' '

+ 'CODEBASE="[...]">'

+ '<PARAM NAME="MOVIE" VALUE="movie.swf">'

+ '<PARAM NAME="PLAY" VALUE="true">'

+ '<PARAM NAME="LOOP" VALUE="false">'

+ '<PARAM NAME="QUALITY" VALUE="high">'

+ '<PARAM NAME="MENU" VALUE="false">'

+ '<EMBED SRC="movie.swf"'

+ ' '

+ 'PLAY="true"'

+ 'LOOP="false"'

+ 'QUALITY="high"'

+ 'MENU="false"'

+ 'TYPE="application/x-shockwave-flash"'

+ 'PLUGINSPAGE="[...]">'

+ '</EMBED>'

+ '</OBJECT>';

document.write(oeTags); // embed the flash movie

} else { // flash is too old or we can't detect the plugin

// NOTE: height, width are required!

var alternateContent = '<img src="altimage.gif" >'

+ '<BR>any desired alternate html code goes here';

document.write(alternateContent); // insert non-flash content

}

}

Nessun'altra modifica è necessaria.

ESEMPIO

visualizza i file d'esempio


Ti consigliamo anche