js alebo php

romo195 · Napísal **romo195**: 01.05.2017 19:27

čaute,
chcem sa spýtať, že ktorý jazyk je lepšie použiť pre rollovanie img,div z prava do ľavaniečo na tento spôsob.
Vopred ďakujem za odpovede.

Cyanes · Napísal **Cyanes**: 01.05.2017 19:36

Neviem síce čo presne myslíš, ale na animácie a podobne určite využi js.

void · Napísal **void**: 01.05.2017 19:37

Osobne si myslim ze nieco malo o progamovani v tychto jazykoch viem a teda som dospel k nazoru ze ty vobec nie.
Za mna JS. Ale chcel by som vidiet frontend PHP.

romo195 · Napísal autor témy **romo195**: 01.05.2017 19:38

hej myslel som animaciu, o to sa mi jedna, dik za radu

BX · Napísal BX: 02.05.2017 8:16

Animácie vždy rieši javascript, ktorý beží priamo u teba v prehliadači. PHP zbehne sa servri a výsledok pošle k tebe. Ten výsledok potom prehliadač zobrazí (prečíta a zobrazí html, css a spustí javascript).

romo195 · Napísal autor témy **romo195**: 07.05.2017 0:10

caute,
Našiel som niečo takéto :

Kód:

transition: left 2s ease-out; left: 800px;

cele:

Kód:

<html>
   
   <head>
      <title>JavaScript Animation</title>
      
      <script type="text/javascript">
         <!--
            var imgObj = null;
            var animate ;
            
            function init(){
               imgObj = document.getElementById('myImage');
               imgObj.style.position= 'absolute'; 
               imgObj.style.left = '-180px'; 
            }

            window.onload =init;
         //-->
      </script>
      
   </head>
   
   <body>

      <div style="width:500px; background-color:#999; height:200px; position:relative; overflow:hidden;">
       <div id="myImage"  style="width:2000px; background-color:#0FF; height:20px; position:absolute; overflow:hidden; transition: left 2s ease-out; left: 800px;">
       
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>       
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>       
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>
       <div style="width:50px; background-color:#C6F; height:20px; overflow:hidden; display:inline-block; float:left">AHO AHOJ</div>
       <div style="width:50px; display:inline-block; background-color:#ffF; height:20px; overflow:hidden; float:left">AHO AHOJ</div>
       
       </div>      
      </div>
      
   </body>
</html>

teda je to riešene hlavne cez css, tak neviem je to možné použiť namiesto js ?? ( kamoš to použil na stranke čo robil )

BX · Napísal BX: 07.05.2017 9:25

To je zase CSS3. Môže to byť urobené aj tým. Ak to funguje, tak je to OK

eMp · Napísal **eMp**: 07.05.2017 10:27

Mrkni sa na jQuery slideshow. Ja mam slider pomocou jquery. V PHP mam nastaveny cas, nacitanie jquery kniznice a css stylov.

js alebo php

Podobné témy