Обрезать флешку с двух концов под разрешение экрана

ArtOfHuman · November 19, 2008

Задача такая. Есть флешка с разрешением 1280, необходимо на разрешении 1024 выводить центр этой флешки, то есть как бы обрезать ее с двух концов и вывести только центр.

Вопрос. При помощи CSS это возможно как то реализовать ?

kalyaka-malyaka · November 19, 2008

Задача такая. Есть флешка с разрешением 1280, необходимо на разрешении 1024 выводить центр этой флешки, то есть как бы обрезать ее с двух концов и вывести только центр.
Вопрос. При помощи CSS это возможно как то реализовать ?

никак. только *.fla редактировать.

homm · November 19, 2008

Флешка вставляется в object — это такой-же html элемент как и все остальное. Делаете у родителя

overflow: hidden;

position: relative;

width: 100%;

у объекта флешки:

position: absolute;

width: 1280px;

margin: 0 0 0 -640px;

left: 50%;

kalyaka-malyaka · November 19, 2008

Флешка вставляется в object — это такой-же html элемент как и все остальное. Делаете у родителя
overflow: hidden;
position: relative;
width: 100%;
у объекта флешки:
position: absolute;
width: 1280px;
margin: 0 0 0 -640px;
left: 50%;

а вы это проверяли перед советованием?

homm · November 19, 2008

А в чем проблема?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'>
<head>
	<script type='text/javascript' src='js/swfobject.js'></script>
	<style type='text/css'>
	body {
		background: red;}
	#conteiner {
		width: 80%;
		overflow: hidden;
		position: relative;
		left: 10%;
		height: 700px;
		background: blue;}
	#place-for-huge-flash {
		position: absolute;
		width: 1000px;
		margin: 0 0 0 -500px;
		left: 50%;}
	</style>
</head>
<body>

	<div id='conteiner'>
		<div id='place-for-huge-flash'>
		</div>
	</div>
	<script type='text/javascript' defer='defer'>
		swfobject.embedSWF('b10.swf', 'place-for-huge-flash', '1000', '700', '9.0.0', '/swf/expressinstall.swf', {}, {
			bgcolor: '#ffffff', 
			wmode: 'transparent',
			allowScriptAccess: 'sameDomain',
			allowFullScreen: 'false'
		});
	</script>

</body>
</html>

ArtOfHuman · November 19, 2008

Попробовал сделать так.

<div id="flash_banner">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1280" height="360" id="fl_1" align="middle">
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="allowFullScreen" value="false" />
				<param name="movie" value="fl_1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />	<embed src="fl_1.swf" quality="high" bgcolor="#000000" width="1280" height="360" name="fl_1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
			</object>


		</div>

А в стилях прописал следующее.


#flash_banner{
	overflow: hidden;
	position: relative;
	width: 1280;
	}
#fl_1{
	position: absolute;
	width: 1280px;
	margin: 0 0 0 -640px;
	left: 50%; 

	}

Заработало в FF и Opere, Но при 1024 все таки есть небольшая полоса прокрутки. В ИЕ Флэшка не отображается теперь..

Иван Шумов · November 19, 2008

вам же показали что надо через SWFObject

Виртуал · November 19, 2008

2 раза показано и рассказано, а у вас #flash_banner все равно имеет width:1280px , и откуда только полоса берется…

Ваня, привет!!! Будешь мешать людям помогать?

ArtOfHuman · November 19, 2008

Это я тестил уже просто..

вот изначальный код стилей..

#flash_banner{

overflow: hidden;

position: relative;

width: 100%;

}

#fl_1{

position: absolute;

width: 1280px;

margin: 0 0 0 -640px;

left: 50%;

}

Суть то в том чтобы при 1280 вся флешка выводилась, а при 1024 обрезались края и выводился центр флншки..

Все разобрался вроде Высоту надо было еще задать.

Виртуал · November 19, 2008

> Суть то в том чтобы при 1280 вся флешка выводилась, а при 1024 обрезались края и выводился центр флншки..

Да, мы все жто уже слышали, решение тебе дали, что не так?

Покажи лучше страничку.

Sign In

Обрезать флешку с двух концов под разрешение экрана

Question

ArtOfHuman

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

kalyaka-malyaka

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

kalyaka-malyaka

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

ArtOfHuman

Link to comment

Share on other sites

Иван Шумов

Link to comment

Share on other sites

Виртуал

Link to comment

Share on other sites

ArtOfHuman

Link to comment

Share on other sites

Виртуал

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information