snipplrCallback({"id":35430,"title":"dynamic-css-background-images","source":"
  1. <?<\/span> header<\/span><\/a>(<\/span>"Content-type: text\/css"<\/span>)<\/span>;<\/span> ?><\/span><\/div><\/li>
  2.  <\/div><\/li>
  3. \/* all your other CSS rules can go here too! *\/<\/div><\/li>
  4.  <\/div><\/li>
  5. h2 {<\/div><\/li>
  6. display:block;<\/div><\/li>
  7. width:400px;<\/div><\/li>
  8. height:30px;<\/div><\/li>
  9. background-repeat:no-repeat;<\/div><\/li>
  10. }<\/div><\/li>
  11.  <\/div><\/li>
  12. h2 span {<\/div><\/li>
  13. display:none;<\/div><\/li>
  14. }<\/div><\/li>
  15.  <\/div><\/li>
  16. <?<\/span><\/div><\/li>
  17. $path<\/span> =<\/span> 'headers\/'<\/span>;<\/span><\/div><\/li>
  18. $dir<\/span> =<\/span> $_SERVER<\/span>[<\/span>'DOCUMENT_ROOT'<\/span>]<\/span> .<\/span> $path<\/span>;<\/span><\/div><\/li>
  19. if<\/span> (<\/span>$handle<\/span> =<\/span> opendir<\/span><\/a>(<\/span>$dir<\/span>)<\/span>)<\/span> {<\/span><\/div><\/li>
  20.     while<\/span> (<\/span>false<\/span> !==<\/span> (<\/span>$file<\/span> =<\/span> readdir<\/span><\/a>(<\/span>$handle<\/span>)<\/span>)<\/span>)<\/span> {<\/span><\/div><\/li>
  21.         if<\/span> (<\/span>$file<\/span> !=<\/span> "."<\/span> &&<\/span> $file<\/span> !=<\/span> ".."<\/span>)<\/span> {<\/span><\/div><\/li>
  22. \t\t\t$class<\/span> =<\/span> current<\/span><\/a>(<\/span>explode<\/span><\/a>(<\/span>'.'<\/span>,<\/span> $file<\/span>)<\/span>)<\/span>;<\/span><\/div><\/li>
  23. \t\t\techo<\/span> 'h2.'<\/span> .<\/span> $class<\/span> .<\/span> ' { '<\/span> .<\/span> "\\n<\/span>"<\/span>;<\/span><\/div><\/li>
  24. \t\t\techo<\/span> 'background-image:url("'<\/span> .<\/span> $path<\/span> .<\/span> $file<\/span> .<\/span> '"); '<\/span> .<\/span> "\\n<\/span>"<\/span>;<\/span><\/div><\/li>
  25. \t\t\techo<\/span> '}'<\/span> .<\/span> "\\n<\/span>\\n<\/span>"<\/span>;<\/span><\/div><\/li>
  26. \t\t}<\/span><\/div><\/li>
  27.     }<\/span><\/div><\/li>
  28.     closedir<\/span><\/a>(<\/span>$handle<\/span>)<\/span>;<\/span><\/div><\/li>
  29. }<\/span><\/div><\/li>
  30. ?><\/span><\/div><\/li><\/ol><\/pre>","link":"https:\/\/snipplr.com\/view\/35430\/dynamic-css-background-images"});