<div class="box-2"> <div class="box-padding7"> <div class="wrapper prev-indent-bot0"> <?php $i=1; echo '<div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"><a href="'.$row['thumbnail_url'].'" title="" data-gal="prettyPhoto[gallery1]"><img src="'.$row['thumbnail_url'].'" width="89" height="62"><span class="stroke"></span></a></figure> </div>'; if($i % 2 == 3) { echo '</div> <div class="wrapper prev-indent-bot0">'; } $i++; } ?> </div> </div>
Wynik:
<div class="box-2"> <div class="box-padding7"> <div class="wrapper prev-indent-bot0"> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-17.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-17.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-16.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-16.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-15.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-15.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-14.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-14.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-13.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-13.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-11.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-11.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-12.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-12.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-10.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-10.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> <div class="col-3" style="padding-left:5px; padding-bottom:5px;"> <figure class="rel"> <a href="http://domena.pl/wp-content/uploads/2014/02/zdjecie-9.jpg" title="" data-gal="prettyPhoto[gallery1]"> <img src="http://domena.pl/wp-content/uploads/2014/02/zdjecie-9.jpg" width="89" height="62"><span class="stroke"></span></a></figure> </div> </div> </div>
Obecnie miniautrka zmniejszana jest z oryginalnego zdjęcia do wymiarów width="89" height="62" przez co strona bardzo długo się ładuje. Chcałbym uzyskać taki efekt, aby na stronie ładowały się minaturki bez zminejszania, tzn żeby generowały się dwa pliki ze zdjęciem: jedno oryginalne np. 1024x768 i miniaturka 89x62. Samą gereację pliku miniturki udło mi się już zrobić poprzez dodanie do pliku functions.php w templatce wordpress kodu
add_image_size('miniaturka-box', 89, 62, true); // szerokość 89 pikseli, wysokość 62 pikseli, kadrowany
Z tym że nie wiem jak pobrać adres URL tej miniaturki. Pomyślałem sobie że możnaby było np. podmienić nazwę pliku w miejscu wywołania adresu URL obrazka,
zmieniąjąc z np.
zdjecie-17.jpg na zdjecie-17-89x62.jpg,
czyli używając jakiejś funkcji, która podmieniałaby ".jpg" na "-89x62.jpg"
Nazwy zdjęć się zmieniają w zależności od nazwy galerii, natomiast ".jpg" zawsze się powtarza. Miniaturki z końcówką "-89x62.jpg" też zawsze się generują.
I teraz ptanie: jak zmodyfikować kod, aby na stronie w adresie miniaturki pojawiała się końcówka "-89x62.jpg". Próbowałm z str_replace, ale nie do końca mi to wychodzi - w dziedzinie php jestm początkującym.
Będę wdzięczny za wszystkie rady i sugestie!