Php img link to html
Posted: Tue Aug 17, 2010 4:06 pm
Hi There I am very new to Php as in don't know it at all
I have just used Imgbrowz0r Photo gallery builder to create a php gallery - the idea is you click the thumbnail which then directs the user to an html page which contains the lager image version in the jquery plugin easyslider
something similar to this: http://tarafisher.co.uk/gallery/travel/
this is the only thing I have change in the code from the imgbrowz0r download is this:
the images url directs me to the Html, all good so far
now the only thing I want is the thumbnail image points to its larger self
so thumbnail img_01 on the portfolio.php file links Large img_01 on gallery.html
so thumbnail img_02 on the portfolio.php file links Large img_02 on gallery.html
and so forth at the moment all the thumbnail images link to the first file!
the links are correct as I can click a thumbnail and it opens up gallery.html -
<div id="imgbrowz0r">
<div class="img-row">
<div class="img-thumbnail img-column-1"><a href="http://localhost:8888/portfolio/gallery ... img_01.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_01.jpg')" >img_01.jpg</a></div>
<div class="img-thumbnail img-column-2"><a href="http://localhost:8888/portfolio/gallery ... img_02.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_02.jpg')" >img_02.jpg</a></div>
<div class="img-thumbnail img-column-3"><a href="http://localhost:8888/portfolio/gallery ... img_03.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_03.jpg')" >img_03.jpg</a></div>
<div class="img-thumbnail img-column-4"><a href="http://localhost:8888/portfolio/gallery ... img_04.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_04.jpg')" >img_04.jpg</a></div>
</div>
hope someone can point me in the right direction xxxx
I have just used Imgbrowz0r Photo gallery builder to create a php gallery - the idea is you click the thumbnail which then directs the user to an html page which contains the lager image version in the jquery plugin easyslider
something similar to this: http://tarafisher.co.uk/gallery/travel/
this is the only thing I have change in the code from the imgbrowz0r download is this:
Code: Select all
// These are all settings (set to default). The settings are not validated since you have to configure everything.
// There is a chance that ImgBrowz0r stops working if you enter the wrong values.
$config = array(
// Directory settings. These are required. Without trailing slash. (required)
'images_dir' => dirname(__FILE__).'/images',
'cache_dir' => dirname(__FILE__).'/cache',
// Url settings. These are required. Without trailing slash. (required)
// %PATH% is replaced with the directory location and page number
'main_url' => 'http://localhost:8888/portfolio/portfolio.php?q=%PATH%',
'images_url' => 'http://localhost:8888/portfolio/gallery.html?',
'cache_url' => 'http://localhost:8888/portfolio/cache',
now the only thing I want is the thumbnail image points to its larger self
so thumbnail img_01 on the portfolio.php file links Large img_01 on gallery.html
so thumbnail img_02 on the portfolio.php file links Large img_02 on gallery.html
and so forth at the moment all the thumbnail images link to the first file!
the links are correct as I can click a thumbnail and it opens up gallery.html -
<div id="imgbrowz0r">
<div class="img-row">
<div class="img-thumbnail img-column-1"><a href="http://localhost:8888/portfolio/gallery ... img_01.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_01.jpg')" >img_01.jpg</a></div>
<div class="img-thumbnail img-column-2"><a href="http://localhost:8888/portfolio/gallery ... img_02.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_02.jpg')" >img_02.jpg</a></div>
<div class="img-thumbnail img-column-3"><a href="http://localhost:8888/portfolio/gallery ... img_03.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_03.jpg')" >img_03.jpg</a></div>
<div class="img-thumbnail img-column-4"><a href="http://localhost:8888/portfolio/gallery ... img_04.jpg" style="background-image: url('http://localhost:8888/portfolio/cache/0 ... img_04.jpg')" >img_04.jpg</a></div>
</div>
hope someone can point me in the right direction xxxx