Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Opis programu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
spolprog
Witam mam przykładowy program który tworzy efekt blura(rozmycia). Czy ktoś kto się na tym dobrze zna mógłby mi w komentarzach opisać co robi dana linijka ? Ja jestem jeszcze laikiem w tych sprawach więc proszę was.

Kod
<style type="text/css">
    #roboczy
    {
      position: relative;
    }
    .blur
    {
      position: absolute;
      display: inline;
      opacity: 0.05;
    }
  </style>
  <script type="text/javascript" src="http://wronx.net/otherworld/examples/8/jquery.js"></script>
  <script type="text/javascript">
    var ile = 3
    var foto = "<?echo $_GET['a']; ?>";
    $().ready(function()
    {
      for(x = -ile; x <= ile; x++)
      {
        for(y = -ile; y <= ile; y++)
        {
          $("#roboczy").prepend('<img src="' + foto + '" id="foto_' + x + '_' + y + '" class="blur">');
        
          $("#foto_" + x + "_" + y).css('left', x);
          $("#foto_" + x + "_" + y).css('top', y);
        }
      }});
  </script>
nospor
Nawet petle FOR mamy ci wyjasniac?

Zajrzyj do dokumentacji jQuery i zobacz co robią prepend() oraz css()
Reszty nie ma co wyjasniac
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.