animate.css nie działa w .php

Question

Tworze plik .html z animacją i ją otwieram w preglądarce i animacja działa. Teraz jak przenosze ten sam kod, identyczny do pliku .php  i otwieram na localhost to już animacja nie działa...
Jest jakiś sposób na podejrzenie tej animacji w .php?

 

 

 

A w jaki sposób dodać obrazek do tła div`a? 
Tak wstawiam normalnie obrazek: 
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg" alt="" style="height:320px;width:100%;" > 

a do tła różnie kombinuje i nie wychodzi:

<header id="" class="" role="banner"style="background-image: 
     url('<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg);">

Answer 1

Może pokażesz kod źródłowy?

Answer 2

Pokaż drzewko projektu. Podejrzewam że coś nie tak z include'ami.

Sprawdź w konsoli co próbujesz wczytać i czy wszystko się udaje wczytać (F12)

Answer 3

header.php
http://wklej.org/id/2608768/
reszta:
http://wklej.org/id/2608767/
strona jest na wordpressie, chyba że to jest problemem.
dodałem do body class="animated slideInDown" i nic sie nie dzieje, w testowym pliku (1 div z tą animacją)  .html działa OK

Answer 4

Dodaj stylesheet_directory_uri, serwer php(wordpress) nie wie gdzie ma szukać tego pliku

Comments

w jaki sposób? w którym miejscu?
tak?
<?php get_stylesheet_directory_uri(); ?>    

---

tak, plus dokładna ścieżka do pliku.

Answer 5

A w jaki sposób dodać obrazek do tła div`a?
Tak wstawiam normalnie obrazek:
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg" alt="" style="height:320px;width:100%;" >

a do tła różnie kombinuje i nie wychodzi:

<header id="" class="" role="banner"style="background-image:
     url('<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg);">

Answer 6

Sprawdź czy w wynikowym kodzie html znajduje się dołączenie animate.css.

Comments

Mam podobne pytanie, nie chciałem zakladac 2giego tematu::

A w jaki sposób dodać obrazek do tła div`a? 
Tak wstawiam normalnie obrazek: 
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg" alt="" style="height:320px;width:100%;" > 

a do tła różnie kombinuje i nie wychodzi:

<header id="" class="" role="banner"style="background-image: 
     url('<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg);">

---

Musisz użyć CSS (selektor klasy / id diva):

.nazwa-klasy-diva {
   background-image: url("śćieszka do obrazka");
}

CSS też możesz ładować jak html w PHP wystarczy, że odpowiednio przekierujesz plik CSS na PHP i wypisujesz kod w instrukcji echo ( warto wczytać go z pliku i dodać to dynamicznie). Pamiętaj aby przed zakończeniem kodu ustawić Content-Type na text/css:

header('Content-Type: text/css');

Nie są to najlepsze metody, ale działają. Warto po pewnym czasie nauczyć się frameworka który zorganizuje nam prace i rozdzieli widok od logiki i danych.

---

nie rozumiem, możesz pokazać na przykładzie?
Tu próbuje z php:

<header id="" class="" role="banner"style="background-image:  
  url('<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg);">

ścirżka to images/DSCF4792.jpg

---

Dałeś ');' na końcu background-image. Poprawiona wersja:

<header id="" class="" role="banner"style="background-image:   
  url('<?php bloginfo('stylesheet_directory'); ?>/images/DSCF4792.jpg">