[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: реализация галереи на сайт!
m4a1fox
Доброго времени суток уважаемые эксперты! Если тема поднималась то простите за оффтоп но все же! Есть красивая галерея на html и jquery классно работает, но хотелось бы сделать ее на php! Скрипт html
<table  style="background-color: black;">
<tr
align="center">
<td>
<div
id="gallery_wrap">
<div
id="photos" class="galleryview">
<div
class="panel">
<img
src="img/01.jpg" />
<div
class="panel-overlay">
<h2>
Проект жилого коплекса</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/tomharry" target="_blank">tomharry</a>. View full-size photo <a href="http://www.sxc.hu/photo/158829" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/02.jpg" />
<div
class="panel-overlay">
<h2>
Eden</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>. View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/03.jpg" />
<div
class="panel-overlay">
<h2>
Snail on the Corn</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/baines" target="_blank">baines</a>. View full-size photo <a href="http://www.sxc.hu/photo/34453" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/04.jpg" />
<div
class="panel-overlay">
<h2>
Flowers</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/jazza" target="_blank">jazza</a>. View full-size photo <a href="http://www.sxc.hu/photo/990169" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/06.jpg" />
<div
class="panel-overlay">
<h2>
Alone Beach 2B</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/sgursozlu" target="_blank">sgursozlu</a>. View full-size photo <a href="http://www.sxc.hu/photo/738279" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/05.jpg" />
<div
class="panel-overlay">
<h2>
Sunrise Trees</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/a_glitch" target="_blank">a_glitch</a>. View full-size photo <a href="http://www.sxc.hu/photo/289581" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/07.jpg" />
<div
class="panel-overlay">
<h2>
Waterfall</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/thesaint" target="_blank">thesaint</a>. View full-size photo <a href="http://www.sxc.hu/photo/174331" target="_blank">here</a>.</p>

</div>
</div>
<div
class="panel">
<img
src="img/08.jpg" />
<div
class="panel-overlay">
<h2>
Death Valley</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/djkmart" target="_blank">djkmart</a>. View full-size photo <a href="http://www.sxc.hu/photo/270109" target="_blank">here</a>.</p>

</div>
</div>
<ul
class="filmstrip">
<li><img
src="img/frame2-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li>
<li><img
src="img/frame2-02.jpg" alt="Eden" title="Eden" /></li>
<li><img
src="img/frame2-03.jpg" alt="Snail on the Corn" title="Snail on the Corn" /></li>
<li><img
src="img/frame2-04.jpg" alt="Flowers" title="Flowers" /></li>
<li><img
src="img/frame2-06.jpg" alt="Alone Beach" title="Alone Beach" /></li>
<li><img
src="img/frame2-05.jpg" alt="Sunrise Trees" title="Sunrise Trees" /></li>

<li><img
src="img/frame2-07.jpg" alt="Waterfall" title="Waterfall" /></li>
<li><img
src="img/frame2-08.jpg" alt="Death Valley" title="Death Valley" /></li>
</ul>
</div>
</div>
</td>
</tr>
</table>
из папки берет фотки и выводит! Так собственно вопрос - возможно ли совместить jquery и php вместе, что бы эти же фотки вытягивались из БД?!



Спустя 43 минуты, 9 секунд (7.12.2010 - 16:21) Lenarfate написал(а):
Цитата
возможно ли

да. а то,что ты показал, обычный хтмл

Спустя 16 минут, 31 секунда (7.12.2010 - 16:37) m4a1fox написал(а):
Lenarfate
Естественно html! Ну я понял что можно! Дальше буду думать как этот html в php оформить! Спасибо!

Спустя 2 минуты, 26 секунд (7.12.2010 - 16:40) sharki написал(а):
  <div class="panel">
<img
src="img/06.jpg" />
<div
class="panel-overlay">
<h2>
Alone Beach 2B</h2>
<p>
Photo by <a href="http://www.sxc.hu/profile/sgursozlu" target="_blank">sgursozlu</a>. View full-size photo <a href="http://www.sxc.hu/photo/738279" target="_blank">here</a>.</p>

</div>
</div>


Берешь вот этот код, пихаешь в PHP пускаешь его по циклу, ты здесь не первый день..и я видел что с БД ты вроде знаком и такими функциями как mysql_fetch_array или assoc, и while, дальше теперь сам думай, за тебя вряд ли будут писать код.

Спустя 19 минут, 22 секунды (7.12.2010 - 16:59) m4a1fox написал(а):
Я в принципе, так и думал! Я тут некое подобие плана в голове сформировал: 1. Заносим картинку в БД и создаем ее уменьшительную копию. Вводим название к этой фотке. 2. Вынимаем ее из БД, и придаем ей необходимый класс для правильношо отображения. 3. Если надо, то в админке делаем страницу для редактирования фоток и их названий. Вроде так! Что скажите?

Спустя 3 минуты, 17 секунд (7.12.2010 - 17:02) sharki написал(а):
ну в общем то нормально..только щас наверное куча тем с твоей стороны понесется, как уменьшить картинку как занести её и т.д...

Спустя 1 минута, 44 секунды (7.12.2010 - 17:04) m4a1fox написал(а):
Не. Это я умею. У меня уже есть скрипт который я сделал под себя... Так что как закачать картинку в БД и сделать ее уменьшенную копию я знаю!

Спустя 53 секунды (7.12.2010 - 17:05) m4a1fox написал(а):
А так же как ее вывести из БД, сначала маленькую, а потом при нажатии на нее открывается большая.

Спустя 15 минут, 55 секунд (7.12.2010 - 17:21) m4a1fox написал(а):
<div id="photos" class="galleryview">
<
div class="panel">
<?
$query = "SELECT * FROM `photo`";
$id = mysql_query($query);

if(!$id) exit("Ошибка - ".mysql_error());
while($ind=mysql_fetch_array($id))
{
echo "
<img src=admin/
$ind[big] />
"
;
}
?>

</div>
а если такой цикл?

Спустя 4 минуты, 38 секунд (7.12.2010 - 17:25) m4a1fox написал(а):
Так, это снимается, разобрался

Спустя 43 минуты, 59 секунд (7.12.2010 - 18:09) m4a1fox написал(а):
Блиннн.... РАБОТАЕТ!))))) Спасибо всем за подсказки

Спустя 3 дня, 19 часов, 38 минут, 24 секунды (11.12.2010 - 13:48) Гость_сергей написал(а):
Привет. у меня такая задача, есть страница на которой расположены одна большая и несколько фотографий с меньшим размером, надо сделать так чтобы при клике на одной из маленьких фото, это маленькая фотог замещала эту самую большую фотографию. Помогите пожалуйста

Спустя 24 минуты, 8 секунд (11.12.2010 - 14:12) Гость_сергей написал(а):
кто нибудь знает как это реализовать??

Спустя 2 дня, 21 час, 8 минут, 35 секунд (14.12.2010 - 11:21) m4a1fox написал(а):
Гость_сергей
Смотри, я сделал так: сначала заносятся файлы в папку через админку, где автоматически формируется и меленькая картинка, потом на странице где выводишь эти картинки из БД выводишь маленькую а затем большую.... Но они будут работать наверно только при помощи JQuery! Вот! Если что еще необходимо обращайся, помогу... Сам новичок.... Так что мы должны помогать друг другу!)

Спустя 2 часа, 37 секунд (14.12.2010 - 13:21) RCuPeR написал(а):
Кому нужна красивая галерея на JQuery - в ЛС !
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.