Změna obrázků v PHP

pajacz17 · Příspěvek od **pajacz17** » 02 kvě 2014 00:18

Ahoj, může mi prosím někdo poradit, zda se nechá udělat přechod např. 5 obrázků po 5 vteřinách v PHP? Nebo toto jen umí Javascript?
Děkuji za informaci. Javascript ani PHP neumím, takže se chci do toho ponořit a PHP mi přijde asi jako užitečnější. Díky

LuCaCZ · Příspěvek od **LuCaCZ** » 02 kvě 2014 00:31

samotné PHP resp. HTML ne ... s JS či CSS ano

faraon · Příspěvek od **faraon** » 02 kvě 2014 06:33

Dalo by se to asi udělat přímo v HTML přes refresh s časovým intervalem, a aby se nenačítala celá stránka, dát ten obrázek do IFRAME. Ale JS bude určitě jednodušší

pajacz17 · Příspěvek od **pajacz17** » 02 kvě 2014 08:58

Díky. Jelikož Javascript ani php neumím, myslíte, že je potřeba se to naučit, nebo stačí zkopírovat příklady? Myslím, že spousta lidí to asi tak praktikuje.

faraon · Příspěvek od **faraon** » 02 kvě 2014 09:31

Stačí použít něco už hotového, třeba http://sorgalla.com/jcarousel/examples/
Ale nikdy neuškodí když se to naučíš, každá drobnost se může jednou v budoucnu hodit, i když teď ještě netušíš k čemu

pajacz17 · Příspěvek od **pajacz17** » 02 kvě 2014 19:58

To je určitě pravda, ale na vše zas není bohužel čas. Já si myslím, že každý kdo tvoří "snad" i pěkné webovky nemusí umět úplně JS a PHP. Doufám, že budu to samé a vystačím si z HTML a CSS + kopírování příkladů a postupně snad i proniknu do PHP a JS. Díky za odkaz

--- Doplnění předchozího příspěvku (02 Kvě 2014 20:03) ---

Mohu poprosit ještě o nějaké drobné vysvětlení k tomu odkazu JCAROUSEL? Děkuji

LuCaCZ · Příspěvek od **LuCaCZ** » 02 kvě 2014 21:11

já nedávno řešil animaci obrázků z webkamery...

přes samotné JS:

Kód: Vybrat vše

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
<script>
obr = 0; cas = 1000;
obrazky = ['01.jpg',
           '02.jpg',
           '03.jpg',
           '04.jpg',
           '05.jpg',
           '06.jpg',
           '07.jpg',
           '08.jpg',
           '09.jpg',
           '10.jpg',
           '11.jpg',
           '12.jpg',
           '13.jpg',
           '14.jpg',
           '15.jpg',
           '16.jpg',
           '17.jpg',
           '18.jpg',
           '19.jpg',
           '20.jpg',
           '21.jpg',
           '22.jpg',
           '23.jpg',
           '24.jpg'];
function animation(){
if (obr==obrazky.length) obr=0;
obrazek.src = obrazky[obr++];
window.setTimeout('animation()',cas);
 }
</script>
</head>


<body onLoad="animation()">
  <img src="01.jpg" name="obrazek" width="640" height="480" alt="Fotogalerie (animace)">
</body>

</html>

nebo pak jQuery:

Kód: Vybrat vše

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <script src="jquery.min.js"></script>
    <script>
   var photos = ['01.jpg',
                 '02.jpg',
                 '03.jpg',
                 '04.jpg',
                 '05.jpg',
                 '06.jpg',
                 '07.jpg',
                 '08.jpg',
                 '09.jpg',
                 '10.jpg',
                 '11.jpg',
                 '12.jpg',
                 '13.jpg',
                 '14.jpg',
                 '15.jpg',
                 '16.jpg',
                 '17.jpg',
                 '18.jpg',
                 '19.jpg',
                 '20.jpg',
                 '21.jpg',
                 '22.jpg',
                 '23.jpg',
                 '24.jpg'];
   var current = 0;
   function slideshow() {
      $('#header').animate({ opacity: 0 }, 200, function() {
         $('#header').css("background-image", "url("+photos[current]+")");
         $('#header').animate({ opacity: 1 }, 200);
      });
      if(current == photos.length-1) {
         current = 0;
      } else {
         current++;
      }
   }
   $(document).ready(function() {
      interval = setInterval(function() {slideshow();}, 1000);
   });
   </script>
</head>

<body>

<div id="header" style="width: 640px; height: 480px"></div>

</body>

</html>

a další možnosti:
jQuery Cycle Plugin - http://jquery.malsup.com/cycle/
s3Slider jQuery plugin - http://www.serie3.info/s3slider/

Příspěvek od **El Diablo** » 02 kvě 2014 21:39

http://www.splintered.co.uk/experiments ... ross_fade/

PC-HELP.CZ

CNEWS

Změna obrázků v PHP

Změna obrázků v PHP

Re: Změna obrázků v PHP

Re: Změna obrázků v PHP

Re: Změna obrázků v PHP

Re: Změna obrázků v PHP

Re: Změna obrázků v PHP

Re: Změna obrázků v PHP

Re: Změna obrázků v PHP