Luksus
Laipni lūdzu forumā "Luksus"
Lūdzu REĢISTRĒJIES vai IELOGOJIES!
Luksus
Laipni lūdzu forumā "Luksus"
Lūdzu REĢISTRĒJIES vai IELOGOJIES!
Luksus
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Luksus

Daudzas lietas kas varētu interesēt daudzus.
 
SatursPortalGalleryLatest imagesMeklētReģistrētiesIeiet

 

 Ar kursoru uzbildes un bilde palielinās

Go down 
AutorsZiņojums
Admin
Admin
Admin


Number of posts : 262
Join date : 08.03.12
Age : 62
Dzīvesvieta : Talsi

Ar kursoru uzbildes un bilde palielinās Empty
PostTēma: Ar kursoru uzbildes un bilde palielinās   Ar kursoru uzbildes un bilde palielinās Icon_minitimeTrešdiena Jūlijs 17, 2013 5:37 am

Skripts expando ja ar kursoru uzbrauc uz bildes tā palielinās.
Piemērs: http://ucozon.ru/SCRIN5/gffg342.html
Uzstādīšana:
Nokopējam js un ieliekam FM, mainām adreses uz savējām, bildei piešķiram class="expando cat" un uzliekam sākuma bildei izmērus.
JS
Kods:


if (document.images){
 (function(){
  var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = a? 40 : 20;
  var expConIm = function(im){
  im = im || window.event;
  if (!expConIm.r.test (im.className))
    im = im.target || im.srcElement || null;
  if (!im || !expConIm.r.test (im.className))
    return;
  var e = expConIm,
  widthHeight = function(dim){
    return dim[0] * cos + dim[1] + 'px';
  },
  resize = function(){
    cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2;
    im.style.width = widthHeight (e.ims[i].w);
    im.style.height = widthHeight (e.ims[i].h);
    if (e.ims[i].d && times > e.ims[i].jump){
    ++e.ims[i].jump;
    e.ims[i].timer = setTimeout(resize, speed);
    } else if (!e.ims[i].d && e.ims[i].jump > 0){
    --e.ims[i].jump;
    e.ims[i].timer = setTimeout(resize, speed);
    }
  }, d = document.images, i = d.length - 1;
  for (i; i > -1; --i)
    if(d[i] == im) break;
  i = i + im.src;
  if (!e.ims[i]){
    im.title = '';
    e.ims[i] = {im : new Image(), jump : 0};
    e.ims[i].im.onload = function(){
    e.ims[i].w = [e.ims[i].im.width - im.width, im.width];
    e.ims[i].h = [e.ims[i].im.height - im.height, im.height];
    e (im);
    };
    e.ims[i].im.src = im.src;
    return;
    }
  if (e.ims[i].timer) clearTimeout(e.ims[i].timer);
  e.ims[i].d = !e.ims[i].d;
  resize ();
  };

  expConIm.ims = {};

  expConIm.r = new RegExp('\\bexpando\\b');

  if (document.addEventListener){
  document.addEventListener('mouseover', expConIm, false);
  document.addEventListener('mouseout', expConIm, false);
  }
  else if (document.attachEvent){
  document.attachEvent('onmouseover', expConIm);
  document.attachEvent('onmouseout', expConIm);
  }
 })();
}

Pats kods:
Kods:
<style type="text/css">

 img.expando{ 
 border: none;
 vertical-align: top; 
 }

 </style>

 <script type="text/javascript" src="http://ucozon.ru/SCRIN5/expando.js"></script>
 <a href="http://ucozon.ru"><img style="width: 100px; height: 50px;" title="" class="expando cat" src="http://ucozon.ru/SCRIN5/y23da8297eh87w.jpg" border="0" height=""></a>

 <a href="http://ucozon.ru"><img style="width: 100px; height: 100px;" title="" class="expando cat" src="http://ucozon.ru/SCRIN5/y23da8297eh87w.jpg" border="0" height=""></a>

 <a href="http://ucozon.ru"><img style="width: 50px; height: 100px;" title="" class="expando cat" src="http://ucozon.ru/SCRIN5/y23da8297eh87w.jpg" border="0" height=""></a>
Atpakaļ uz augšu Go down
https://luksus.latvianforum.net
 
Ar kursoru uzbildes un bilde palielinās
Atpakaļ uz augšu 
Lapa 1 no 1
 Similar topics
-
» Uzbraucot ar kursoru uz linka vai bides tā palielinās
» Caurspīdīga bilde
» Bilžu slaiders uzvelkot ar kursoru
» Jūtīga adrese ar kursoru atliek pieskarties un...
» Interesants skriptiņš, Kad ar kursoru uzvelk virsū atveras materiāls

Permissions in this forum:Jūs nevarat atbildēt tematos šajā forumā
Luksus :: Materiāli :: Skripti-
Pāriet uz: