Finta Popup, a link testuale

easyisland · 6 Lug 2006

Scusate tanto, ma avrei bisogno di cambiare una impostazione ad uno script.

vorrei che al posto delle immagini in miniatura, che al click ti portano alla finta popup, ci siano dei lin testuali che portano alle stesse immagini in finta popup.

questo è il primo....

poi anzichè caricare nella finta popup una immagine *.jpg o *.gif vorrei mettere una *.swf

è possibile?
come si fa?

vi passo un link dove è possibili vedere quello che sopra vi ho descritto (DA Modificare)

http://newsbentelrhia.altervista.org/prove/default.htm

dead · 6 Lug 2006

easyisland ha scritto:
vi passo un link dove è possibili vedere quello che sopra vi ho descritto (DA Modificare)

http://newsbentelrhia.altervista.org/prove/default.htm

A me non funziona perchè (come molti altri) ho disabilitato i popup per evitare le fastidiose pubblicità non richieste.

Per quello che vuoi fare tu ci sono delle tecniche simili via CSS.
Per esempio questa

easyisland · 6 Lug 2006

Ti ringrazio di cuore, ma purtroppo vorrei usare qullo script, con i css nn ci mastico bene e poi rischio di avere indigestioni!

Veramente grazie del tuo interesse!

Se qualche altra anima pia sarebbe così gentile da darmi una mano, con lo script che ho io presentato, mi farebbe un enorme favore

easyisland · 6 Lug 2006

Eccovi lo script!

magari con questo riuscite a darmi una mano, Grazie....

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Moto Crea</title>

<link href="css/moto_crea.css" rel="stylesheet" type="text/css" title="screen css"/>
<style>
body {
	background-color:#5E6668;
}
a:link {
	color:#ffffff;
	text-decoration: none;
	}

a:visited {
	color:#ffffff;
	text-decoration: none;
	}

a:hover, a:active {
	color:#ffffff;
	text-decoration: underline;
	}

#divImmaginePopup{
	position:absolute;
	width:700px;
	/*background-color:#000000;*/
	background-color:#000000;
	visibility:hidden;
	z-index:10;
	top:100px;
}

#immaginePopup {
	FILTER: alpha(opacity=20);
}

</style>

<script>


var larghezzaDiv = 700;

var larghezzaSchermo; 

var intervalloFade = 100

var divOpacity = 20

var incrementoOpacity = 5


function high(which2) {
	theobject=which2
	highlighting=setInterval("highlightit(theobject)",intervalloFade)
}

function low(which2) {
	clearInterval(highlighting)
	which2.filters.alpha.opacity=divOpacity 
}

function highlightit(cur2) {
	if (cur2.filters.alpha.opacity<100)
		cur2.filters.alpha.opacity+=incrementoOpacity
	else if (window.highlighting)
	clearInterval(highlighting)
}

function impostaPosizione(){
	if (window.innerWidth){ 
		larghezzaSchermo = window.innerWidth; 
	} 
	if (document.body.clientWidth){ 
		larghezzaSchermo = document.body.clientWidth; 
	}
	if	(document.all)
	{
		document.all.divImmaginePopup.style.left =  (larghezzaSchermo-larghezzaDiv)/2 + 'px';
	}
	else if (document.getElementById)
	{
		temp = document.getElementById('divImmaginePopup');
		temp.style.left =  (larghezzaSchermo-larghezzaDiv)/2 + 'px';
	}
}

function mostraImmagine(immagine) {
	if	(document.all)
	{
		document.all.immaginePopup.src = 'imges/' + immagine;
		document.all.divImmaginePopup.style.visibility = 'visible';
	}
	else if (document.getElementById)
	{
		temp1 = document.getElementById('immaginePopup');
		temp1.src = 'imges/' + immagine;
		temp1 = "";
		
		temp2 = document.getElementById('divImmaginePopup');
		temp2.style.visibility = 'visible';
		temp2 = "";
	}
}

function openPopup(immagine){
	try
	{
		high(immaginePopup);
		chiudiPopup();
	}
	catch(er){}
	
	impostaPosizione();
	mostraImmagine(immagine);
	
	try
	{
		high(immaginePopup);
	}
	catch(er){}
}
function chiudiPopup(){
	if	(document.all)
	{
		try
		{
			low(immaginePopup);
		}
		catch(er){}
		
		document.all.divImmaginePopup.style.visibility = 'hidden';
	}
	else if (document.getElementById)
	{
		temp = document.getElementById('divImmaginePopup');
		temp.style.visibility = 'hidden';
		temp = "";
	}
}

//
window.onresize = function() {
	impostaPosizione();
};

</script>

</head>

<body>
<!--Box immagine zoom-->
<div id="divImmaginePopup">
	<div style="text-align:right;width:700px;"><a href="javascript:chiudiPopup();">chiudi</a></div>
	<img id="immaginePopup" width="700px" src="imges/spacer.gif"/>
</div>
<!--Pagina-->
<div id="boxAlignCenter">
	<div id="menuSite">
	</div>
	<div style="text-align:right;width:100%;">
		<a href="javascript:openPopup('650_raptor_01.jpg');"><img border="0" width="100px" src="imges/650_raptor_01.jpg"/></a><br><br>
		<a href="javascript:openPopup('1000_v_raptor_02.jpg');"><img border="0" width="100px" src="imges/1000_v_raptor_02.jpg"/></a><br><br>
		<a href="javascript:openPopup('125_raptor_01.jpg');"><img border="0" width="100px" src="imges/125_raptor_01.jpg"/></a><br><br>
	</div>
</div>
</body>
</html>

Cerca

Cerca

Finta Popup, a link testuale

easyisland

Nuovo Utente

dead

Utente Attivo

easyisland

Nuovo Utente

easyisland

Nuovo Utente

Discussioni simili