ciao a tutti!!!
dovrei realizzare un sito xhtml+css e qualche filmato flash
che si ridimensiona a seconda della risoluzione dello schermo ...ci sono solo due grandezze...
ho provato ad editare
il flash a 100% e metterlo nel div che lo contiene e rendere anche questo fluido al 100%
mi serve un script che me lo rende non il doppio ma una volta e mezzo piu grande a seconda della grandezza della finestra del browser
l`esempio e` questo
http://www.fosterandpartners.com/Te...rs/Default.aspx
a seconda della grandezza della finestra del browser cambia dimenzione (ci sono solo due dimenzioni fisse)..
sapreste consigliarmi uno script javascript da usare per realizzarlo???
qualcuno puo aiutarmi per piacere??
vi posto l`html del sito a cui mi dovrei ispirare...
... sto cercando il modo di rendere la pagg.(compreso l`swf) scalabile a seconda della grandezza della finestra del browser..
***************************************************************
<!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><title>
Foster + Partners
</title><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><meta name="description" content="Foster + Partners" /><meta name="keywords" content="Foster + Partners" /><meta name="MSSmartTagsPreventParsing" content="true" /><meta http-equiv="imagetoolbar" content="no" /><link href="/styles/styles.css" rel="stylesheet" type="text/css" /><link href="/styles/large.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="/scripts/scripts.js"></script>
<script language="javascript" type="text/javascript" src="/scripts/scrollLayer.js"></script>
<script language="javascript" type="text/javascript" src="/scripts/slideshow.js"></script>
<script language="VBScript" type="text/vbscript"><!--//--><![CDATA[//><!--
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0
set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
//--><!]]></script>
<link href="../App_Themes/practice/default.css" type="text/css" rel="stylesheet" /></head>
<body>
<form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMjUzNTk5OTE4ZGSk8l7bDjRdYvR9s+usS/b5ViQ4ZA==" />
</div>
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
winWidth = parseInt((navigator.userAgent.indexOf("MSIE")!= -1) ? document.body.offsetWidth : window.innerWidth);
if (winWidth < 1250) {
document.write('<link href="/styles/small.css" rel="stylesheet" type="text/css" />\n');
}
//--><!]]></script>
<div id="layoutDiv">
<div id="mainNaviDiv">
<a href="/Practice/Default.aspx" title="Practice" onfocus="this.blur()"><img id="ctl00_imgPractice" title="Practice" src="../pix/practice_hi.gif" alt="Practice" style="height:25px;width:77px;border-width:0px;" /></a>
<a href="/Projects/ByType/Default.aspx" title="Projects" onfocus="this.blur()"><img id="ctl00_imgProjects" title="Projects" src="/pix/projects.gif" alt="Projects" style="height:25px;width:77px;border-width:0px;" /></a>
<a href="/Team/SeniorPartners/Default.aspx" title="Team" onfocus="this.blur()"><img id="ctl00_imgTeam" title="Team" src="/pix/team.gif" alt="Team" style="height:25px;width:54px;border-width:0px;" /></a>
<a href="/News/Latest/Default.aspx" title="News" onfocus="this.blur()"><img id="ctl00_imgNews" title="News" src="/pix/news.gif" alt="News" style="height:25px;width:54px;border-width:0px;" /></a>
<a href="/Data/Competitions.aspx" title="Data" onfocus="this.blur()"><img id="ctl00_imgData" title="Data" src="/pix/data.gif" alt="Data" style="height:25px;width:46px;border-width:0px;" /></a>
<a href="/Contact/Address.aspx" title="Contact" onfocus="this.blur()"><img id="ctl00_imgContact" title="Contact" src="/pix/contact.gif" alt="Contact" style="height:25px;width:73px;border-width:0px;" /></a>
<a href="/Careers/Recruitment/Default.aspx" title="Careers" onfocus="this.blur()"><img id="ctl00_imgCareers" title="Careers" src="/pix/careers.gif" alt="Careers" style="height:25px;border-width:0px;" /></a>
</div>
<div id="logoDiv">
<a href="/" title="Foster + Partners" onfocus="this.blur()"><img id="ctl00_imgLogo" title="Foster + Partners" src="../pix/logo.gif" alt="Foster + Partners" style="height:21px;width:210px;border-width:0px;" /></a>
</div>
<div id="subNaviDiv">
<a href="/Practice/1/Architecture_and_Planning.aspx" class="subnavi" title="" onfocus="this.blur()">Architecture and Planning</a><a href="/Practice/2/Product_Design.aspx" class="subnavi" title="" onfocus="this.blur()">Product Design</a><a href="/Practice/3/Workplace_Consultancy.aspx" class="subnavi" title="" onfocus="this.blur()">Workplace Consultancy</a>
</div>
<div id="captionDiv"></div>
<div id="contentDiv">
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
// Version check based upon the values entered in "scripts.js"
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
// Check to see if the version meets the requirements for playback
if (hasReqestedVersion) { // if we've detected an acceptable version
oTag = '<object data="/intro/intro.swf" type="application/x-shockwave-flash" width="100%" height="100%" id="intro_flash">';
oTag += '<param name="allowscriptaccess" value="samedomain" />';
oTag += '<param name="movie" value="/intro/intro.swf" />';
oTag += '<param name="quality" value="high" />';
oTag += '<param name="bgcolor" value="#333333" />';
oTag += '<param name="scale" value="showall" />';
oTag += '<param name="salign" value="tr" />';
oTag += '<param name="menu" value="false" />';
oTag += '</object>';
embedFlash(oTag); // write the relevant Object-Tag
}
else { // flash is too old or we can't detect the plugin
aSlides = new Array();
aSlideTxt = new Array();
aSlides[0] = '/intro/01_01.jpg';aSlideTxt[0] = 'Our work embraces infrastructure, architecture and product design.';aSlides[1] = '/intro/01_02.jpg';aSlideTxt[1] = 'We design by challenging - by asking the right questions.';aSlides[2] = '/intro/01_03.jpg';aSlideTxt[2] = 'We believe the quality of our surroundings can lift the quality of our lives.';aSlides[3] = '/intro/01_04.jpg';aSlideTxt[3] = 'Our work ranges from new buildings to interventions within old structures.';aSlides[4] = '/intro/01_05.jpg';aSlideTxt[4] = 'We work from the scale of the airport down to the detail of a door handle.';aSlides[5] = '/intro/01_06.jpg';aSlideTxt[5] = 'We are guided by a sensitivity to the culture and climate of place.';aSlides[6] = '/intro/01_07.jpg';aSlideTxt[6] = 'Our Riverside studio is open 24 hours a day, seven days a week.';aSlides[7] = '/intro/01_08.jpg';aSlideTxt[7] = 'We have an office for each construction project, wherever it is in the world.';aSlides[8] = '/intro/01_09.jpg';aSlideTxt[8] = 'Our work has embraced 150 cities in more than 50 countries.';aSlides[9] = '/intro/01_10.jpg';aSlideTxt[9] = 'Our team is young and cosmopolitan - together we speak 40 languages.';
document.writeln('<img src="' + aSlides[0] + '" name="intro_flash" id="intro_flash" alt="" title="" />');
Slideshow = new slideshow(aSlides, "intro_flash", "contentDiv", 1, "true", "false"); // params: aSlides,imgName[,layerID][,direction=1][,autostart="true"][,imgButtons="true"][,aSlideTxt][,captionDivID]
}
//--><!]]></script>
<noscript>
<img src="/intro/01_01.jpg" name="intro_flash" id="intro_flash" alt="" title="" />
</noscript>
</div>
<div class="divider"></div>
</div>
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
if (winWidth < 1250) {
contentHeight = (document.getElementById("intro_flash")) ? "450px" : "400px";
document.getElementById("contentDiv").style.height = contentHeight;
}
//--><!]]></script>
<script type="text/javascript">
<!--
var currentPage = '/Practice/Default.aspx';window.onresize = reloadPage;var adjustScrollsteps = 1;// -->
</script>
</form>
</body>
</html>
*****************************************************************
da quello che mi sembra di capire lo script
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
winWidth = parseInt((navigator.userAgent.indexOf("MSIE")!= -1) ? document.body.offsetWidth : window.innerWidth);
if (winWidth < 1250) {
document.write('<link href="/styles/small.css" rel="stylesheet" type="text/css" />\n');
}
dovrebbe far saltare dal css large.css (che e` quello predefinito) al small.css...
ma se riproduco questa pag. e metto tutti gli scripts e gli stili nelle determinate cartelle da me ricreate..
il ridimensionamento non avviene..
ho pensato che il problema dovrebbe essere che questa e` una pag in .aspx..
c`e un modo per estrapolare lo script in javascript sopra mostrato ed applicarlo a una comune pag. html (ho provato ma non funziona)
vi prego di aiutarmi non trovo una soluzione!!
e` il mio primo lavoro!!!
grazie in anticipo e buon lavoro.
dovrei realizzare un sito xhtml+css e qualche filmato flash
che si ridimensiona a seconda della risoluzione dello schermo ...ci sono solo due grandezze...
ho provato ad editare
il flash a 100% e metterlo nel div che lo contiene e rendere anche questo fluido al 100%
mi serve un script che me lo rende non il doppio ma una volta e mezzo piu grande a seconda della grandezza della finestra del browser
l`esempio e` questo
http://www.fosterandpartners.com/Te...rs/Default.aspx
a seconda della grandezza della finestra del browser cambia dimenzione (ci sono solo due dimenzioni fisse)..
sapreste consigliarmi uno script javascript da usare per realizzarlo???
qualcuno puo aiutarmi per piacere??
vi posto l`html del sito a cui mi dovrei ispirare...
... sto cercando il modo di rendere la pagg.(compreso l`swf) scalabile a seconda della grandezza della finestra del browser..
***************************************************************
<!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><title>
Foster + Partners
</title><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><meta name="description" content="Foster + Partners" /><meta name="keywords" content="Foster + Partners" /><meta name="MSSmartTagsPreventParsing" content="true" /><meta http-equiv="imagetoolbar" content="no" /><link href="/styles/styles.css" rel="stylesheet" type="text/css" /><link href="/styles/large.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="/scripts/scripts.js"></script>
<script language="javascript" type="text/javascript" src="/scripts/scrollLayer.js"></script>
<script language="javascript" type="text/javascript" src="/scripts/slideshow.js"></script>
<script language="VBScript" type="text/vbscript"><!--//--><![CDATA[//><!--
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0
set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
//--><!]]></script>
<link href="../App_Themes/practice/default.css" type="text/css" rel="stylesheet" /></head>
<body>
<form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMjUzNTk5OTE4ZGSk8l7bDjRdYvR9s+usS/b5ViQ4ZA==" />
</div>
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
winWidth = parseInt((navigator.userAgent.indexOf("MSIE")!= -1) ? document.body.offsetWidth : window.innerWidth);
if (winWidth < 1250) {
document.write('<link href="/styles/small.css" rel="stylesheet" type="text/css" />\n');
}
//--><!]]></script>
<div id="layoutDiv">
<div id="mainNaviDiv">
<a href="/Practice/Default.aspx" title="Practice" onfocus="this.blur()"><img id="ctl00_imgPractice" title="Practice" src="../pix/practice_hi.gif" alt="Practice" style="height:25px;width:77px;border-width:0px;" /></a>
<a href="/Projects/ByType/Default.aspx" title="Projects" onfocus="this.blur()"><img id="ctl00_imgProjects" title="Projects" src="/pix/projects.gif" alt="Projects" style="height:25px;width:77px;border-width:0px;" /></a>
<a href="/Team/SeniorPartners/Default.aspx" title="Team" onfocus="this.blur()"><img id="ctl00_imgTeam" title="Team" src="/pix/team.gif" alt="Team" style="height:25px;width:54px;border-width:0px;" /></a>
<a href="/News/Latest/Default.aspx" title="News" onfocus="this.blur()"><img id="ctl00_imgNews" title="News" src="/pix/news.gif" alt="News" style="height:25px;width:54px;border-width:0px;" /></a>
<a href="/Data/Competitions.aspx" title="Data" onfocus="this.blur()"><img id="ctl00_imgData" title="Data" src="/pix/data.gif" alt="Data" style="height:25px;width:46px;border-width:0px;" /></a>
<a href="/Contact/Address.aspx" title="Contact" onfocus="this.blur()"><img id="ctl00_imgContact" title="Contact" src="/pix/contact.gif" alt="Contact" style="height:25px;width:73px;border-width:0px;" /></a>
<a href="/Careers/Recruitment/Default.aspx" title="Careers" onfocus="this.blur()"><img id="ctl00_imgCareers" title="Careers" src="/pix/careers.gif" alt="Careers" style="height:25px;border-width:0px;" /></a>
</div>
<div id="logoDiv">
<a href="/" title="Foster + Partners" onfocus="this.blur()"><img id="ctl00_imgLogo" title="Foster + Partners" src="../pix/logo.gif" alt="Foster + Partners" style="height:21px;width:210px;border-width:0px;" /></a>
</div>
<div id="subNaviDiv">
<a href="/Practice/1/Architecture_and_Planning.aspx" class="subnavi" title="" onfocus="this.blur()">Architecture and Planning</a><a href="/Practice/2/Product_Design.aspx" class="subnavi" title="" onfocus="this.blur()">Product Design</a><a href="/Practice/3/Workplace_Consultancy.aspx" class="subnavi" title="" onfocus="this.blur()">Workplace Consultancy</a>
</div>
<div id="captionDiv"></div>
<div id="contentDiv">
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
// Version check based upon the values entered in "scripts.js"
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
// Check to see if the version meets the requirements for playback
if (hasReqestedVersion) { // if we've detected an acceptable version
oTag = '<object data="/intro/intro.swf" type="application/x-shockwave-flash" width="100%" height="100%" id="intro_flash">';
oTag += '<param name="allowscriptaccess" value="samedomain" />';
oTag += '<param name="movie" value="/intro/intro.swf" />';
oTag += '<param name="quality" value="high" />';
oTag += '<param name="bgcolor" value="#333333" />';
oTag += '<param name="scale" value="showall" />';
oTag += '<param name="salign" value="tr" />';
oTag += '<param name="menu" value="false" />';
oTag += '</object>';
embedFlash(oTag); // write the relevant Object-Tag
}
else { // flash is too old or we can't detect the plugin
aSlides = new Array();
aSlideTxt = new Array();
aSlides[0] = '/intro/01_01.jpg';aSlideTxt[0] = 'Our work embraces infrastructure, architecture and product design.';aSlides[1] = '/intro/01_02.jpg';aSlideTxt[1] = 'We design by challenging - by asking the right questions.';aSlides[2] = '/intro/01_03.jpg';aSlideTxt[2] = 'We believe the quality of our surroundings can lift the quality of our lives.';aSlides[3] = '/intro/01_04.jpg';aSlideTxt[3] = 'Our work ranges from new buildings to interventions within old structures.';aSlides[4] = '/intro/01_05.jpg';aSlideTxt[4] = 'We work from the scale of the airport down to the detail of a door handle.';aSlides[5] = '/intro/01_06.jpg';aSlideTxt[5] = 'We are guided by a sensitivity to the culture and climate of place.';aSlides[6] = '/intro/01_07.jpg';aSlideTxt[6] = 'Our Riverside studio is open 24 hours a day, seven days a week.';aSlides[7] = '/intro/01_08.jpg';aSlideTxt[7] = 'We have an office for each construction project, wherever it is in the world.';aSlides[8] = '/intro/01_09.jpg';aSlideTxt[8] = 'Our work has embraced 150 cities in more than 50 countries.';aSlides[9] = '/intro/01_10.jpg';aSlideTxt[9] = 'Our team is young and cosmopolitan - together we speak 40 languages.';
document.writeln('<img src="' + aSlides[0] + '" name="intro_flash" id="intro_flash" alt="" title="" />');
Slideshow = new slideshow(aSlides, "intro_flash", "contentDiv", 1, "true", "false"); // params: aSlides,imgName[,layerID][,direction=1][,autostart="true"][,imgButtons="true"][,aSlideTxt][,captionDivID]
}
//--><!]]></script>
<noscript>
<img src="/intro/01_01.jpg" name="intro_flash" id="intro_flash" alt="" title="" />
</noscript>
</div>
<div class="divider"></div>
</div>
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
if (winWidth < 1250) {
contentHeight = (document.getElementById("intro_flash")) ? "450px" : "400px";
document.getElementById("contentDiv").style.height = contentHeight;
}
//--><!]]></script>
<script type="text/javascript">
<!--
var currentPage = '/Practice/Default.aspx';window.onresize = reloadPage;var adjustScrollsteps = 1;// -->
</script>
</form>
</body>
</html>
*****************************************************************
da quello che mi sembra di capire lo script
<script language="javascript" type="text/javascript"><!--//--><
