Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Połączenie PHP z JS
klakier1991
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 17.05.2011

Ostrzeżenie: (0%)
-----


Witam,
Z góry piszę, że jestem początkujący zacząłem przygodę z PHP około 3tyg temu.
Stworzyłem galerię w PHP i teraz chciałbym użyć jakiejś galerii z JavaScriptu.
Niestety napotkałem na problem mianowicie, Galeria z .JS wczytuje zdjęcia na sztywno a ja chciałbym by były pobierane dynamicznie z
galerii stworzonej już wcześniej w PHP lub z bazy danych.
Galeria w PHP wygląda tak, że z bazy danych pobiera wszystkie odnośniki do zdjęć danego użytkownika i wypisane są za pomocy pętli.
  1. for ($i=0; $i <$num_results; $i++) {
  2. $row = mysql_fetch_array($result);
  3.  
  4. $photolocation = 'http://www.raceonline.cba.pl/images/'.$id.'/'.$row['cover'];
  5.  
  6. $photo = "<img src='$photolocation' />";
  7.  
  8. print " ";
  9.  
  10.  
  11. print $photo;
  12.  
  13. }


$id = id użytkownika
$row['cover'] = odnośnik do zdjęcia np. 23.jpge

a JavaScript wygląda tak

var JaS = {
// Customization parameters
imagePath : "pictures/",
images : [

["1.jpg", "Bat bridge in Austin", "Bridge"],
["2.jpg", "Blossoming tree", "Tree"],
["3.jpg", "Bat bridge from below", "Bridge"],
["4.jpg", "Birds", "Birds"]

],

Chciałbym stworzyć galerię JS by była dynamiczna w zależności na jakiego użytkownika się wchodzi stąd moje pytanie czy takie coś jest możliwe.
Podejrzewam, że trzeba jakoś zaincludować PHP do JS lub na odwrót.
Proszę o jakieś wskazówki z góry dzięki.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
klakier1991
post
Post #2





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 17.05.2011

Ostrzeżenie: (0%)
-----


Wielkie dzięki, pokombinowałem troszkę, zrobiłem tak jak napisałeś ale nie mam pojęcia jak teraz wyświetlić tą galerię mam plik html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd">
  2.  
  3. <html lang="en">
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>JaS - JavaScript Slides</title>
  6. <script type="text/javascript" src="js/jas.js"></script>
  7. <style type="text/css">
  8. @import url("css/jas.css");
  9. </style>
  10. <!--[if lt IE 7]>
  11. <link rel="stylesheet" href="css/ie.css" type="text/css">
  12. <![endif]-->
  13. </head>
  14.  
  15.  
  16. <div id="container">
  17.  
  18. <h1>JaS</h1>
  19.  
  20. <div id="jas-frame">
  21. <div id="jas-tags">
  22. <h3>Tags:</h3>
  23. <p>
  24. <input type="checkbox" id="jas-select-all-tags" checked="checked">
  25. <label for="jas-select-all-tags">Select all</label>
  26. </p>
  27. </div>
  28. <div id="jas-container">
  29. <img id="jas-image" src="images/1.jpg" alt="">
  30. <h2 id="jas-image-text">Bat bridge in Austin</h2>
  31. </div>
  32. </div>
  33.  
  34. <ul id="navigation-controls">
  35. <li><a id="previous-image" href="index.htm">Previous</a></li>
  36. <li id="image-counter">1 / 12</li>
  37. <li><a id="next-image" href="index.htm">Next</a></li>
  38. <li class="slideshow-item">
  39. <a id="start-slideshow" href="index.htm">Start slideshow</a>
  40. <a id="stop-slideshow" href="index.htm">Stop slideshow</a>
  41. </li>
  42. </ul>
  43.  
  44. </body>
  45. </html>

i nie mam pojęcia jak to połączyć przydały by się jakieś wskazówki

Ten post edytował klakier1991 21.05.2011, 14:33:35
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 29.12.2025 - 15:28