1 pièce(s) jointe(s)
Allier Jquery, php et sql
Bonsoir à tous!
Ce n'est plus un secret, je suis un boulet, mais j'essaye d'être un boulet qui avance. J'ai créé CE SITE, qui a en partie avancé grâce à l'aide de certaines personnes ici.
Sur cette page en particulier, j'utilise JQuery, et le contenu d'un dossier, afin d'afficher une gallerie, une légende, et une petite série de miniatures en haut:
Pièce jointe 194885
Pour l'instant, étant donné que je débute dans tout ça, j'ai réalisé le code de la manière suivante: (j'ai mis juste deux exemples d'images pour alléger)
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
| <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.history.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<link rel="stylesheet" href="css/galleriffic-5.css" type="text/css" />
<link rel="stylesheet" href="css/white.css" type="text/css" />
<script type="text/javascript">
document.write('<style>.noscript { display: none; }</style>');
</script>
<body>
<div class="navigation-container">
<div id="thumbs" class="navigation">
<a class="pageLink prev" style="visibility: hidden;" href="#" title="Previous Page"></a>
<style>
img {
box-shadow: 10px 10px 5px #888888
}
</style>
<ul class="thumbs noscript">
<li>
<a class="thumb" name="leaf" href="photos/500px/FBUNQ.jpg" title="MS883 FBUNQ">
<img src="photos/thumbs/FBUNQ.jpg" alt="MS886 FBUNQ" />
</a>
<div class="caption">
<div class="image-title">Rallye F-BUNQ</div>
<div class="image-desc" align="justify">
Here the first plane I flew, with <a href="http://www.domerguestories.com/">Claude DOMERGUE </a>, which was my first instructor. </Br>
I had many more afterwards, but this guy will stay forever "my first" ... </br>
As this plane, the Rallye, which even after years of practice, and on other aircraft, continues to amaze me with its simplicity, its hardiness and adaptability.
</div>
<div class="download">
<a href="photos/FBUNQ.jpg">Download Original</a>
</div>
</div>
</li>
<li>
<a class="thumb" name="leaf" href="photos/500px/FGPSO.jpg" title="MS883 FGPSO">
<img src="photos/thumbs/FGPSO.jpg" alt="MS883 FGPSO" />
</a>
<div class="caption">
<div class="image-title">Rallye F-GPSO</div>
<div class="image-desc" align="justify">Morane Saulnier Rallye, or the Socata Rallye, is a French variety of private aircraft from the aircraft manufacturer Morane-Saulnier. </br> </br> It was one of the plane which had the most widespread in the flying clubs in France, before Robin DR400. </br> </br> Presented here La Vèze with his Naval Aviation skin (It was used to 12F, and 24F, among others)</div>
<div class="download">
<a href="photos/FGPSO.jpg">Download Original</a>
</div>
</div>
</li>
</ul>
<a class="pageLink next" style="visibility: hidden;" href="#" title="Next Page"></a>
</div>
</div>
<div class="content">
<div class="slideshow-container">
<div id="controls" class="controls"></div>
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container">
<div class="photo-index"></div>
</div>
</div> |
Entre les balises <li></li>, j'ai à chaque fois ue image.
J'ai une autre page où j'uploade les images, et crée des entrées en BDD, mais le soucis c'est qu'à chaque nouvelle image, je suis obligé d'aller trifouiller dans le code pour ajouter un nouveau paragraphe.
Est-il possible d'éviter cela?
Du genre:
-Soit: Pour chaque image présente dans le dossier, l'affichage est automatique
-Ou: J'utilise ma BDD pour aller mixer le JQuery et le SQL.
Je sais que ma question est étrangement tournée, mais je suis un autodidacte...