Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU SATURA PILNVEIDE » Kopumā » attēlu slaidrāde (images slider)
attēlu slaidrāde
Korijs
Ceturtdiena, 06.04.2017, 5:12:54 | Ieraksts #1
FORUMA DIKTATORS
Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Korijs raksta .. :

Pamatsatura kods:

Code
<link rel="stylesheet" href="/images/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="/images/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/images/jquery.nivo.slider.js"></script>
<script type="text/javascript">
  $(window).load(function() {
  $('#slider').nivoSlider();
  });
</script>

<div id="wrapper">
  <div id="slider-wrapper">
  <div id="slider" class="nivoSlider">
  <img src="/images/banner1.jpg" alt="" />
  <img src="/images/banner2.jpg" alt="" />
  <img src="/images/banner3.jpg" alt="" />
  <img src="/images/banner4.jpg" alt="" />
  </div>
  </div>
</div>


CSS stilizējuma kods:

Code
#slider {
  position:relative;
  width:640px;
  height:200px;
  margin-top:6px;
  margin-left:5px;
  margin-bottom:10px;
  background:url('/images/load_blue2.gif') no-repeat 50% 50%;
}
#slider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#slider a {
  border:0;
  display:block;
}

.nivo-controlNav {
  position:absolute;
  left:20px;
  bottom:10px;
}
.nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url('/images/bullets.png') no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.nivo-controlNav a.active {
  background-position:0 -22px;
}

.nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url('/images/arrows.png') no-repeat;
  text-indent:-9999px;
  border:0;
}
a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
a.nivo-prevNav {
  left:15px;
}

.nivo-caption {
  text-shadow:none;
  font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {  
  color:#efe9d1;
  text-decoration:underline;
}


Iznākums:

vēlamajās iznākumā attēli pašiem ir jāizveido..
iznākuma parauga attēlā redzami slaidrādes specefekti..



Pielikumā nepieciešami faili: attēli, js, css
Pielikumi: 6477085.png(283.4 Kb) · 5907_2A5.rar(304.8 Kb)


Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM

soony
Piektdiena, 07.04.2017, 10:13:33 | Ieraksts #2
PRASTS BIEDRS
Foruma ieraksti: 41

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@soony raksta .. :

šis labs

....

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU SATURA PILNVEIDE » Kopumā » attēlu slaidrāde (images slider)
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...