Witam serdecznie, mam stronę opartą na Wordpressie, na której co jakiś czas pojawiają się nowe wpisy (serwis informacyjny). Do wpisów zawsze dołączona jest ikona wpisu (jeden obrazek), a czasami dodatkowo galeria. Dla uatrakcyjnienia strony w sidebarze mam box z ostatno dodanymi 9-cioma zdjęciami z galerii. Zdjęcią wczytują się poprzez bazę danych:
<div class="box-2">
<div class="box-padding7">
<div class="wrapper prev-indent-bot0">
<?php
$i=1;
$wyniki = mysql_query("SELECT * FROM `wp_gallery_pics` ORDER BY pic_id DESC LIMIT 9");
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) {
<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!