20.01.2016, 08:55
|
|
Новичок на форуме
|
|
Регистрация: 20.01.2016
Сообщений: 6
|
|
|
Помощь в изменении ширины элемента
Всем привет, нужна помощь в изменении элемента падающего снега, нужно как - то организовать обтекание картинки либо задать максимальную ширину самого падающего снега по ширине картинки т.е. чтобы за приделы картинки снег не выходил, кто поможет организовать это, при необходимости отблагодарю монетой.... Сам файл прикрепляю ниже
|
|
20.01.2016, 09:35
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,103
|
|
amstafff,
1.попробовать новую версию http://www.schillmania.com/projects/snowstorm/
2. если вопрос останется, обьяснить что такое картинка, обтекание, и пределы.
|
|
20.01.2016, 11:26
|
|
Новичок на форуме
|
|
Регистрация: 20.01.2016
Сообщений: 6
|
|
Есть картинка по ширине 400 пикселей, нужно сделать чтобы снег падал только внутри этой картинки, сами картинки используются как кариты-превью к мобильной браузерной игре.... |
|
20.01.2016, 11:45
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,103
|
|
|
amstafff,
делайте макет с вашей картинкой
|
|
20.01.2016, 19:51
|
|
Новичок на форуме
|
|
Регистрация: 20.01.2016
Сообщений: 6
|
|
Сообщение от рони
|
amstafff,
делайте макет с вашей картинкой
|
Что такое макет?) |
|
20.01.2016, 23:22
|
|
Новичок на форуме
|
|
Регистрация: 20.01.2016
Сообщений: 6
|
|
Я не пойму сделать и сюда скинуть или что?  |
|
20.01.2016, 23:32
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,103
|
|
|
amstafff,
да сделать то чего не работет, чтоб можно было посмотреть. по ссылке выше пример был там ничего за пределы элемента не вылетает, без макета можно только гадать, почему у вас иначе.
|
|
21.01.2016, 14:08
|
|
Новичок на форуме
|
|
Регистрация: 20.01.2016
Сообщений: 6
|
|
|
Сообщение от рони
|
amstafff,
да сделать то чего не работет, чтоб можно было посмотреть. по ссылке выше пример был там ничего за пределы элемента не вылетает, без макета можно только гадать, почему у вас иначе.
|
Прикрпепляю все в одном архиве, поставить вживую нет возможности.... |
|
21.01.2016, 15:07
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,103
|
|
amstafff,
строка 31 и 47 , вам же и доку дали и пример ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>sneg</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="font.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
body {
color: #000;
font-size: 13px;
max-width: 360px;
margin: 0 auto;
font-family: 'PT Sans Caption', arial, serif;
background: #282828;
}
.sneg{
max-width: 480px;
box-sizing: border-box;
}
#snow-target {
/**
* absolute-positioned example, snow is appended to this element.
* overflow: hidden is recommended for best effect.
*/
position: absolute;
top: 50%;
left: 50%;
width: 480px;
height: 163px;
margin-left: -10em;
margin-top: -6em;
background: #445566;
overflow: hidden;
}
</style>
</head>
<body>
<div class = "sneg" id="snow-target">
<script src="http://www.schillmania.com/projects/snowstorm/snowstorm.js"></script>
<script>
snowStorm.targetElement = 'snow-target'
</script>
<img src="http://savepic.net/7651783.png" border="0" alt="Изображение - savepic.net — сервис хранения изображений" />
</div>
</body>
</html>
|
|
|
|
