Jump to content
  • 0
Sign in to follow this  
glooming

Отображение слайдера как фона

Question

glooming    0

Поставил на фон сайта слайдер из 4-х картинок. На них наложил слой краски с непрозрачностью в 0.81. Все картинки и краску установил резиновыми с высотой в 100%.

Первая картинка отображается нормально, на весь экран, внезависимости от разрешения экрана. Но последующие картинки при переходе отображаются не прижатыми к подвалу, хотя стили к ним применены те же самые. Я даже разрешения картинок сделал таким же, как и первую.

Как сделать так, чтобы последующие картинки нормально отображались, а не резались?

можете сами посмотреть - twinparty.ru

HTML

<div class="SlideShowContentPanel clearfix" id="u177"><!-- stack box -->
        <!-- m_editable region-id="editable-static-tag-U253" template="index.html" data-type="image" data-ice-options="srcAttr=data-src" -->
        <div class="SSSlide clip_frame grpelem" id="u253" data-muse-uid="U253" data-muse-type="img_frame"><!-- image -->
         <img class="ImageInclude" id="u253_img" data-src="assets/les.jpg" src="images/blank.gif" alt="" data-width="1160" data-height="100%" data-muse-src="assets/les.jpg"/>
        </div>
        <!-- /m_editable -->
        <!-- m_editable region-id="editable-static-tag-U289" template="index.html" data-type="image" data-ice-options="srcAttr=data-src" -->
        <div class="SSSlide invi clip_frame grpelem" id="u289" data-muse-uid="U289" data-muse-type="img_frame"><!-- image -->
         <img class="ImageInclude" id="u289_img" data-src="assets/tuman.jpg" src="images/blank.gif" alt="" data-width="1160" data-height="100%" data-muse-src="assets/tuman.jpg"/>
        </div>
        <!-- /m_editable -->
        <!-- m_editable region-id="editable-static-tag-U298" template="index.html" data-type="image" data-ice-options="srcAttr=data-src" -->
        <div class="SSSlide invi clip_frame grpelem" id="u298" data-muse-uid="U298" data-muse-type="img_frame"><!-- image -->
         <img class="ImageInclude" id="u298_img" data-src="assets/piramida.jpg" src="images/blank.gif" alt="" data-width="1160" data-height="100%" data-muse-src="assets/piramida.jpg"/>
        </div>
        <!-- /m_editable -->
        <!-- m_editable region-id="editable-static-tag-U267" template="index.html" data-type="image" data-ice-options="srcAttr=data-src" -->
        <div class="SSSlide invi clip_frame grpelem" id="u267" data-muse-uid="U267" data-muse-type="img_frame"><!-- image -->
         <img class="ImageInclude" id="u267_img" data-src="assets/baba.jpg" src="images/blank.gif" alt="" data-width="1160" data-height="100%" data-muse-src="assets/baba.jpg"/>
        </div>

CSS

#page
{
	z-index: 1;
	width: 960px;
	min-height: 100%;
	background-image: none;
	border-style: none;
	border-color: #000000;
	background-color: transparent;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#page
{
	height: auto;
	min-height: 100%;
}

#page_position_content
{
	margin-top: -36px;
	width: 0.01px;
	height: 100%;
}

#pslideshowu158
{
	width: 0.01px;
	padding-bottom: 650px;
	margin-left: -100px;
	height: 100%;
}

#slideshowu158
{
	z-index: 2;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 50%;
}

#u177
{
	position: absolute;
	width: 1160px;
	height: 100%;
	background-color: transparent;
}

#u177popup
{
	z-index: 3;
	height: 100%;
}

#u253
{
	z-index: 4;
	width: 1160px;
	height: 100%;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: fixed;
}

#u289
{
	z-index: 6;
	width: 1160px;
	height: 100%;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: fixed;
}

#u298
{
	z-index: 8;
	width: 1160px;
	height: 100%;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: fixed;
}

#u267
{
	z-index: 10;
	width: 1160px;
	height: 100%;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: fixed;
}

З.Ы. пробовал менять position - не помогло
Или надо лезть в JS?

З.Ы.Ы. сайт сначала нарисовал в музе, после залез в дримвивер, дабы подкорректировать код и стили для лучшего эффекта. Поэтому код слайдера он из музы

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0
11 час назад, glooming сказал:

Поставил на фон сайта слайдер из 4-х картинок. На них наложил слой краски с непрозрачностью в 0.81. Все картинки и краску установил резиновыми с высотой в 100%.

Вы как то определитесь - или работайте в музе, или работайте в дримвивере . Пытаетесь решить проблему через ..опу с кодом :lol:, когда, на самом деле, всё решается гораздо проще.

Берем стандартный виджет слайдшоу, полноэкранный режим.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Заливаем фон сайта желтым цветом

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Настраиваем прозрачность слайдера

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Набрасываем контент

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

И вуаля Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Муза - программа для создания сайтов без программирования. Нет никакого смысла допиливать ее в дримвивере. Если хотите пилить код, работайте сразу в дримвивере. Изучайте возможности программы, вместо того что бы страдать ерундой ;)

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
glooming    0

о_0 По ходу я что-то пропустил из функций. о_0 

Спасибо!

В код мне все равно там надо лезть, чуток ссылки подправить.

з.ы. вопрос тогда еще один - можно ли в музе привязать ссылки так, чтобы они всегда были у подвала, но не были бы зафиксированы?

Share this post


Link to post
  • 0
26 минут назад, glooming сказал:

о_0 По ходу я что-то пропустил из функций. о_0 

По ходу Вы не что-то пропустили, а в целом, пока еще слабо знакомы с программой, потому что подобные моменты находятся на Chainik Level ;).

28 минут назад, glooming сказал:

вопрос тогда еще один - можно ли в музе привязать ссылки так, чтобы они всегда были у подвала, но не были бы зафиксированы?

Как понять сие противоречие? Поясните...
Если они должны быть всегда у подвала, значит, должны быть зафиксированны. На каком расстоянии установите объект от нижней границы браузера, на том он и будет на всех мониторах.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...