PHP - Mysql And Php Portfolio Gallery

I am trying to find a job doing PHP and MySQL. I have a portfolio section where I created a really simple Postcard application where visitors can send people they know online postcards via email after they click on confirmation link i send them using sha1() as token in a temp table that holds information.

I was also going to add a section where I show usage of Regular Expressions and things.

Does anybody have any suggestions what other web apps or whatever I could add to this section to make my portfolio section really POP to potential employers? Any suggestions are welcome and much appreciated. 

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=319419.0

Hi, I've attempted to put together a portfolio on my WP blog using php, jquery, and this tutorial- http://wp.tutsplus.com/tutorials/theme-development/create-a-quicksand-portfolio-with-wordpress/

I've gone to my WP site and tried to put it together, but nothing seems to work.
Aside from "what's wrong?" I'd also like to know how do I utilize these features to display my portfolio? (Simply post images in the page/post, set featured images, etc.)

My apologies for this perhaps not being the easiest question, but thorough help and advice is greatly appreciated. If further information is needed, please let me know.

functions.php
<?php 

// portfolio
    
include("portfolio/portfolio-post-types.php");

// Register our scripts
  
function register_js()  
{  
    if ( !is_admin() )  
    {  
        wp_register_script( 'quicksand', get_template_directory_uri() . '/js/jquery.quicksand.js', 'jquery' );  
  
        wp_register_script( 'easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', 'jquery' );  
  
        wp_register_script( 'custom', get_template_directory_uri() . '/js/jquery.custom.js', 'jquery', '1.0', true );  
  
        wp_enqueue_script( 'jquery' );  
        wp_enqueue_script( 'quicksand' );  
        wp_enqueue_script( 'easing' );  
        wp_enqueue_script( 'custom' );  
    }  
}

add_action('init', 'register_js');  

// Register our styles  
function register_css()  
{  
    if (!is_admin()) {  
        wp_register_style( 'prettyPhoto', get_template_directory_uri() . '/css/prettyPhoto.css' );  
        wp_enqueue_style( 'prettyPhoto' );  
    }  
}  
      
add_action( 'init', 'register_css' );  

// sidebar functions

if(function_exists('register_sidebar'))
{
register_sidebar();
}

// add thumbnail support

add_theme_support('post-thumbnails');

// disable autoformat with raw

function my_formatter($content) {
    $new_content = '';
    $pattern_full = '{(\[raw\].*?\[/raw\])}is';
    $pattern_contents = '{\[raw\](.*?)\[/raw\]}is';
    $pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

    foreach ($pieces as $piece) {
    if (preg_match($pattern_contents, $piece, $matches)) {
    $new_content .= $matches[1];
    } else {
    $new_content .= wptexturize(wpautop($piece));
    }
    }

    return $new_content;
    }

    remove_filter('the_content', 'wpautop');
    remove_filter('the_content', 'wptexturize');

    add_filter('the_content', 'my_formatter', 99);
    
?>

portfolio.php
<?php
/*
Template Name: Portfolio
*/
?>

<?php get_header(); ?> 
    <!-- #content  BEGIN  -->  
    <div  id="content" class="clearfix">  
     <ul class="filterable-grid clearfix">  
         <?php $wpbp = new WP_Query(array(  'post_type' => 'portfolio', 'posts_per_page' =>'-1' ) ); ?>  
         <?php if ($wpbp->have_posts()) :  while ($wpbp->have_posts()) : $wpbp->the_post(); ?>  
         <?php $terms = get_the_terms(  get_the_ID(), 'filter' ); ?>  
             <li data-id="id-<?php echo  $count; ?>" data-type="<?php foreach ($terms as $term) { echo  strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>">  
                 <?php if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) :  ?>  
                     <?php  the_post_thumbnail('portfolio'); ?>  
                 <?php endif; ?>  
                 <p><a href="<?php the_permalink(); ?>"><?php echo get_the_title();  ?></a></p>  
             </li>  
         <?php $count++; ?>  
         <?php endwhile; endif; ?>
         <?php  
    $large_image = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), 'fullsize', false, '' );  
    $large_image = $large_image[0];  
?> 
         <?php wp_reset_query(); ?>  
     </ul>   
    </div><!-- #content  END -->  
    
<?php get_sidebar(); ?>
<?php get_footer(); ?>

portfolio-post-types.php
<?php  
  
    // function: post_type BEGIN  
    function post_type()  
    {  
     $labels = array(  
     'name' => __( 'Portfolio'),  
     'singular_name' => __('Portfolio'),  
     'rewrite' => array(  
         'slug' => __( 'portfolio' )  
     ),  
     'add_new' => _x('Add Item', 'portfolio'),  
     'edit_item' => __('Edit Portfolio Item'),  
     'new_item' => __('New Portfolio Item'),  
     'view_item' => __('View Portfolio'),  
     'search_items' => __('Search Portfolio'),  
     'not_found' =>  __('No Portfolio Items Found'),  
     'not_found_in_trash' => __('No Portfolio Items Found In Trash'),  
     'parent_item_colon' => ''  
     );
     $args = array(  
     'labels' => $labels,  
     'public' => true,  
     'publicly_queryable' => true,  
     'show_ui' => true,  
     'query_var' => true,  
     'rewrite' => true,  
     'capability_type' => 'post',  
     'hierarchical' => false,  
     'menu_position' => null,  
     'supports' => array(  
         'title',  
         'editor',  
         'thumbnail'  
     )  
);
register_post_type(__( 'portfolio' ), $args);      
    } // function: post_type END
    
     // function: portfolio_messages BEGIN  
function portfolio_messages($messages)  
{  
     $messages[__( 'portfolio' )] =  
         array(  
             0 => '',  
             1 => sprintf(('Portfolio Updated. <a href="%s">View portfolio</a>'), esc_url(get_permalink($post_ID))),  
             2 => __('Custom Field Updated.'),  
             3 => __('Custom Field Deleted.'),  
             4 => __('Portfolio Updated.'),  
             5 => isset($_GET['revision']) ? sprintf( __('Portfolio Restored To Revision From %s'), wp_post_revision_title((int)$_GET['revision'], false)) : false,  
             6 => sprintf(__('Portfolio Published. <a href="%s">View Portfolio</a>'), esc_url(get_permalink($post_ID))),  
             7 => __('Portfolio Saved.'),  
             8 => sprintf(__('Portfolio Submitted. <a target="_blank" href="%s">Preview Portfolio</a>'), esc_url( add_query_arg('preview', 'true', get_permalink($post_ID)))),  
             9 => sprintf(__('Portfolio Scheduled For: <strong>%1$s</strong>. <a target="_blank" href="%2$s">Preview Portfolio</a>'), date_i18n( __( 'M j, Y @ G:i' ), strtotime($post->post_date)), esc_url(get_permalink($post_ID))),  
             10 => sprintf(__('Portfolio Draft Updated. <a target="_blank" href="%s">Preview Portfolio</a>'), esc_url( add_query_arg('preview', 'true', get_permalink($post_ID)))),  
         );  
     return $messages;  
  
} // function: portfolio_messages END

  // function: portfolio_filter BEGIN  
function portfolio_filter()  
{  
     register_taxonomy(  
         __( "filter" ),  
         array(__( "portfolio" )),  
         array(  
             "hierarchical" => true,  
             "label" => __( "Filter" ),  
             "singular_label" => __( "Filter" ),  
             "rewrite" => array(  
                 'slug' => 'filter',  
                 'hierarchical' => true  
             )  
         )  
     );  
} // function: portfolio_filter END  

add_action( 'init', 'post_type' );  
add_action( 'init', 'portfolio_filter', 0 );  
add_filter( 'post_updated_messages', 'portfolio_messages' );  

jquery.custom.js
Code: [Select]
function portfolio_quicksand() { 
 
    // Setting up our variables 
    var $filter; 
    var $container; 
    var $containerClone; 
    var $filterLink; 
    var $filteredItems 
 
    // Set our filter 
    $filter = $('.filter li.active a').attr('class'); 
 
    // Set our filter link 
    $filterLink = $('.filter li a'); 
 
    // Set our container 
    $container = $('ul.filterable-grid'); 
 
    // Clone our container 
    $containerClone = $container.clone(); 
 
    // Apply our Quicksand to work on a click function 
    // for each of the filter li link elements 
    $filterLink.click(function(e) 
    { 
        // Remove the active class 
        $('.filter li').removeClass('active'); 
 
        // Split each of the filter elements and override our filter 
        $filter = $(this).attr('class').split(' '); 
 
        // Apply the 'active' class to the clicked link 
        $(this).parent().addClass('active'); 
 
        // If 'all' is selected, display all elements 
        // else output all items referenced by the data-type 
        if ($filter == 'all') { 
            $filteredItems = $containerClone.find('li'); 
        } 
        else { 
            $filteredItems = $containerClone.find('li[data-type~=' + $filter + ']'); 
        } 
 
        // Finally call the Quicksand function 
        $container.quicksand($filteredItems, 
        { 
            // The duration for the animation 
            duration: 750, 
            // The easing effect when animating 
            easing: 'easeInOutCirc', 
            // Height adjustment set to dynamic 
            adjustHeight: 'dynamic' 
        }); 
    });
   
    $container.quicksand($filteredItems, 
    function () { lightbox(); } 
    );   
}

function lightbox() { 
 
    jQuery("a[rel^='prettyPhoto']").prettyPhoto({ 
    animationSpeed:'fast', 
    slideshow:5000, 
    theme:'pp_default', 
    show_title:false, 
    overlay_gallery: false, 
    social_tools: false 
}); 
 
} 
 
if(jQuery().prettyPhoto) { 
    lightbox(); 
}

Hi guys, I was wondering how to do this, I have the code below where it gets my images from database and it lists them however I need to have a gallery like this http://www.cssplay.co.uk/menu/vertical-slide.html

                                <?php
echo '<table width="40">';

$images=mysql_query("SELECT * FROM img WHERE refimage='$ref'");

while($row = mysql_fetch_array($images))
{
$image=$row['image'];
$thumb=$row['thumb'];

            echo "<a href='$image' rel='lightbox[roadtrip]'><img src= '$thumb' width='60' height='40' alt='$title'>";
                
                } 

the code for CSS and html is as below:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Stu Nicholls | CSSplay | A Vertical Scrolling Photograph Gallery</title>
<meta name="Author" content="Stu Nicholls" />
<meta name="Keywords" content= "cssplay, css, play, Cascading, Style, Sheets, experiments, demonstrations, gallery, galleries, photo, albums, slide, show, scrolling, vertical " />
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" />
<meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" />
<meta http-equiv="imagetoolbar" content="no" />


<link rel="meta" href="http://www.cssplay.co.uk/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0)  gen true for "http://www.cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.cssplay.co.uk/feed.xml" />

<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link rel="icon" href="../favicon.ico" type="image/ico" />
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<link rel="stylesheet" media="all" type="text/css" href="../css/default.css" />

<style type="text/css">
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background:transparent url(vertical-slide/photographer.jpg) 90px 0 no-repeat; margin-bottom:10px; width:750px; height:400px;}
#scrollbox {padding:0; margin:0; width:110px; list-style:none; height:360px; overflow:auto; float:right;}
#scrollbox li {float:left;}


#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:56px; float:left; padding:5px; font-family:"trebuchet ms", sans-serif; font-size:24px; text-align:center;}

#scrollbox a.slidea {background:url(vertical-slide/pic1t.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(vertical-slide/pic2t.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(vertical-slide/pic3t.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(vertical-slide/pic4t.jpg) no-repeat center center;}
#scrollbox a.slidee {background:url(vertical-slide/pic5t.jpg) no-repeat center center;}
#scrollbox a.slidef {background:url(vertical-slide/pic6t.jpg) no-repeat center center;}
#scrollbox a.slideg {background:url(vertical-slide/pic7t.jpg) no-repeat center center;}
#scrollbox a.slideh {background:url(vertical-slide/pic8t.jpg) no-repeat center center;}
#scrollbox a.slidei {background:url(vertical-slide/pic9t.jpg) no-repeat center center;}
#scrollbox a.slidej {background:url(vertical-slide/pic10t.jpg) no-repeat center center;}
#scrollbox a.slidek {background:url(vertical-slide/pic11t.jpg) no-repeat center center;}
#scrollbox a.slidel {background:url(vertical-slide/pic12t.jpg) no-repeat center center;}


#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {border:1px solid #888;}
#scrollbox a:hover span {width:480px; height:400px; left:90px; background:#fff; z-index:100;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0;}

* html #scrollbox a:active span {width:480px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:-1;}
#scrollbox a:focus span {width:480px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:10; outline:0;}

</style>
</head>
 


/////////////////////////////// AND THIS IS THE HTML


<div id="holder">
<ul id="scrollbox">
<li><a class="slidea" href="#nogo"><span><img src="vertical-slide/pic1.jpg" alt="" /><br />Butterflies</span></a></li>
<li><a class="slideb" href="#nogo"><span><img src="vertical-slide/pic2.jpg" alt="" /><br />Shy</span></a></li>
<li><a class="slidec" href="#nogo"><span><img src="vertical-slide/pic3.jpg" alt="" /><br />Otter</span></a></li>
<li><a class="slided" href="#nogo"><span><img src="vertical-slide/pic4.jpg" alt="" /><br />Looking up</span></a></li>
<li><a class="slidee" href="#nogo"><span><img src="vertical-slide/pic5.jpg" alt="" /><br />Monkey</span></a></li>
<li><a class="slidef" href="#nogo"><span><img src="vertical-slide/pic6.jpg" alt="" /><br />Nuts</span></a></li>
<li><a class="slideg" href="#nogo"><span><img src="vertical-slide/pic7.jpg" alt="" /><br />Pelicans</span></a></li>

<li><a class="slideh" href="#nogo"><span><img src="vertical-slide/pic8.jpg" alt="" /><br />Kiwi</span></a></li>
<li><a class="slidei" href="#nogo"><span><img src="vertical-slide/pic9.jpg" alt="" /><br />Lizard</span></a></li>
<li><a class="slidej" href="#nogo"><span><img src="vertical-slide/pic10.jpg" alt="" /><br />Paddling</span></a></li>
<li><a class="slidek" href="#nogo"><span><img src="vertical-slide/pic11.jpg" alt="" /><br />Trees</span></a></li>
<li><a class="slidel" href="#nogo"><span><img src="vertical-slide/pic12.jpg" alt="" /><br />Butterfly</span></a></li>
</ul>
</div>





What i tried to do was to add div for each image listed from my database, but it wont work. Do you know whats the best way to embed this css to the php query i have?

thanks in advance guys.

hey guys i just got done integrating a  gallery script into my log in. it works great however i am trying to find out how to make it so only the logged in user can view there pics and not anyone else currently i have my table set up like this


ID
USERNAME
TIMESTAMP
CAPTION


is there any way possible  to make the images uploaded to the /gallery/ folder viewable by the logged in user and no one else

Hello, I have been trying to make this work for a while but nothing gives.

I'm a bit of a PHP noob, but not even a teacher at school could help me.


What I need is something like this page: http://marcandshawn.glrdmd.eu/ian/designers2.php?d=2

So when you click on a thumbnail, you see the bigger image above it, but stay on the same page.


My code:

Code: [Select]
<?php 
include('connection.php'); 
$query="SELECT * FROM person";
$result=mysql_query($query);                        
?>
^ reestablishing connections.

some html after that.
and for the chosen main image:
Code: [Select]
    <?php 
while($row = mysql_fetch_array( $result )) {  
echo "<img src='uploads/$row[image1]' style='max-width:300px;'/>"; 
    }  
?>
^ doesn't work. row[image1] contains the images.


Code: [Select]
    <?php 
 {  
  while($row = mysql_fetch_array( $result )){
echo "<a href='index.php?id=$row[id]' style='width:100px; height:100px;'/><img src='uploads/$row[thumb]' style='width:125px; height:90px; border:0px;' /></a>"; 
}
    }  
?>    
Supposed thumbnails.

If someone could help, it would be greatly appreciated.

Hi guys, I am geeting images from a query but can not figure out how to show these images in a css gallery, I have found links of css gallery but dont know how to embed it or tell css to work with php,  i am  a newbie and cant figure it out

this is my php code where i get the images listed


echo '<table width="40">';

$images=mysql_query("SELECT * FROM img WHERE refimage='$ref'");

while($row = mysql_fetch_array($images))
{
$image=$row['image'];
$thumb=$row['thumb'];

          //  echo "<a href='$image' rel='lightbox[roadtrip]'><img src= '$thumb' width='60' height='40' alt='$title'>";
              echo "<img src= '$thumb' width='60' height='40' alt='$title'>";  
                } 


but if i want to have a css gallery like http://www.cssplay.co.uk/menu/vertical-slide.html which the css and html code is as below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Stu Nicholls | CSSplay | A Vertical Scrolling Photograph Gallery</title>
<meta name="Author" content="Stu Nicholls" />
<meta name="Keywords" content= "cssplay, css, play, Cascading, Style, Sheets, experiments, demonstrations, gallery, galleries, photo, albums, slide, show, scrolling, vertical " />
<meta name="Description" content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" />
<meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" />
<meta http-equiv="imagetoolbar" content="no" />


<link rel="meta" href="http://www.cssplay.co.uk/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0)  gen true for "http://www.cssplay.co.uk" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 0))' />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.cssplay.co.uk/feed.xml" />

<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<link rel="icon" href="../favicon.ico" type="image/ico" />
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<link rel="stylesheet" media="all" type="text/css" href="../css/default.css" />

<style type="text/css">
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background:transparent url(vertical-slide/photographer.jpg) 90px 0 no-repeat; margin-bottom:10px; width:750px; height:400px;}
#scrollbox {padding:0; margin:0; width:110px; list-style:none; height:360px; overflow:auto; float:right;}
#scrollbox li {float:left;}


#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:56px; float:left; padding:5px; font-family:"trebuchet ms", sans-serif; font-size:24px; text-align:center;}

#scrollbox a.slidea {background:url(vertical-slide/pic1t.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(vertical-slide/pic2t.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(vertical-slide/pic3t.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(vertical-slide/pic4t.jpg) no-repeat center center;}
#scrollbox a.slidee {background:url(vertical-slide/pic5t.jpg) no-repeat center center;}
#scrollbox a.slidef {background:url(vertical-slide/pic6t.jpg) no-repeat center center;}
#scrollbox a.slideg {background:url(vertical-slide/pic7t.jpg) no-repeat center center;}
#scrollbox a.slideh {background:url(vertical-slide/pic8t.jpg) no-repeat center center;}
#scrollbox a.slidei {background:url(vertical-slide/pic9t.jpg) no-repeat center center;}
#scrollbox a.slidej {background:url(vertical-slide/pic10t.jpg) no-repeat center center;}
#scrollbox a.slidek {background:url(vertical-slide/pic11t.jpg) no-repeat center center;}
#scrollbox a.slidel {background:url(vertical-slide/pic12t.jpg) no-repeat center center;}


#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {border:1px solid #888;}
#scrollbox a:hover span {width:480px; height:400px; left:90px; background:#fff; z-index:100;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0;}

* html #scrollbox a:active span {width:480px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:-1;}
#scrollbox a:focus span {width:480px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:10; outline:0;}

</style>
</head>
 


/////////////////////////////// AND THIS IS THE HTML


<div id="holder">
<ul id="scrollbox">
<li><a class="slidea" href="#nogo"><span><img src="vertical-slide/pic1.jpg" alt="" /><br />Butterflies</span></a></li>
<li><a class="slideb" href="#nogo"><span><img src="vertical-slide/pic2.jpg" alt="" /><br />Shy</span></a></li>
<li><a class="slidec" href="#nogo"><span><img src="vertical-slide/pic3.jpg" alt="" /><br />Otter</span></a></li>
<li><a class="slided" href="#nogo"><span><img src="vertical-slide/pic4.jpg" alt="" /><br />Looking up</span></a></li>
<li><a class="slidee" href="#nogo"><span><img src="vertical-slide/pic5.jpg" alt="" /><br />Monkey</span></a></li>
<li><a class="slidef" href="#nogo"><span><img src="vertical-slide/pic6.jpg" alt="" /><br />Nuts</span></a></li>
<li><a class="slideg" href="#nogo"><span><img src="vertical-slide/pic7.jpg" alt="" /><br />Pelicans</span></a></li>

<li><a class="slideh" href="#nogo"><span><img src="vertical-slide/pic8.jpg" alt="" /><br />Kiwi</span></a></li>
<li><a class="slidei" href="#nogo"><span><img src="vertical-slide/pic9.jpg" alt="" /><br />Lizard</span></a></li>
<li><a class="slidej" href="#nogo"><span><img src="vertical-slide/pic10.jpg" alt="" /><br />Paddling</span></a></li>
<li><a class="slidek" href="#nogo"><span><img src="vertical-slide/pic11.jpg" alt="" /><br />Trees</span></a></li>
<li><a class="slidel" href="#nogo"><span><img src="vertical-slide/pic12.jpg" alt="" /><br />Butterfly</span></a></li>
</ul>
</div>



thanks in advance guys

Hello,

I am trying to make a picture gallery for my website but i am having a problem with the size of the pictures.
When i go to the picture gallery i want to see the pictures that i have stored in the pictures file, in a small scale and not in full resolution. My problem is that i have managed to create this picture gallery but i have failed in seeing the pictures in a small scale. So when i go to the picture gallery i see all of my pictures in full resolution. Imagine how that is.

The code i use is:

Quote

<?php
    $pics= ("pics/");
    $cols= 4;


    if ($handle = opendir($pics))
    {
        while (FALSE !== ($file= readdir($handle)))
        {
            if ($file != "." && $file != ".." && $file != rtrim($pics, "/"))
            {
                $files[]=$file;
            }
        }
        closedir($handle);
    }

 $colsCtr= 0;

 echo '<table width="100%" cellspacing="10"><tr>';

 foreach($files as $file)
 {
     if ($colsCtr%$cols == 0)
         echo '</tr><tr><td colspan="2"><hr /></td></tr><tr>';
         echo '<td align="center"><a href="' . $pics . $file . '"><img src="' . $pics . $file . '" /></a></td>';
         $colsCtr++;
 }
 echo '</table>' . "\r\n";
?>



Can some one please tell me what is wrong with the code?

Can you please tell me what to add or what to remove so that this works?

Please not that i want to see the pictures at small scale first and when i click on each picture see the full resolution.

Thanks in advance.

My gallery is making thumbs fine and listing them aswell. The pagination works fine but i cannot handle with these errors whose show under the thumbs in webiste. Seems like the code in else if statement is missing arguments :S, Let's take a look !

Warning: Missing argument 1 for makeThumb(), called in D:\xampp\htdocs\website\galerija\index.php on line 167 and defined in D:\xampp\htdocs\website\galerija\index.php on line 136

Warning: Missing argument 2 for makeThumb(), called in D:\xampp\htdocs\website\galerija\index.php on line 167 and defined in D:\xampp\htdocs\website\galerija\index.php on line 136

Warning: imagesx() expects parameter 1 to be resource, null given in D:\xampp\htdocs\website\galerija\index.php on line 145

Warning: imagesy() expects parameter 1 to be resource, null given in D:\xampp\htdocs\website\galerija\index.php on line 145

Warning: Division by zero in D:\xampp\htdocs\website\galerija\index.php on line 150

Warning: imagecreatetruecolor() [function.imagecreatetruecolor]: Invalid image dimensions in D:\xampp\htdocs\website\galerija\index.php on line 152

Warning: imagecopyresampled() expects parameter 1 to be resource, boolean given in D:\xampp\htdocs\website\galerija\index.php on line 153

Warning: imagedestroy() expects parameter 1 to be resource, boolean given in D:\xampp\htdocs\website\galerija\index.php on line 161

Warning: imagedestroy() expects parameter 1 to be resource, null given in D:\xampp\htdocs\website\galerija\index.php on line 162

That's the "problem" code which appears under pictures

function getPictures() {
global $page, $per_page, $has_previous, $has_next;
if ( $handle = opendir(".") ) {
$lightbox = rand();
echo '<ul id="pictures">';

$count = 0;
$skip = $page * $per_page;

if ( $skip != 0 )
$has_previous = true;

while ( $count < $skip && ($file = readdir($handle)) !== false ) {
if ( !is_dir($file) && ($type = getPictureType($file)) != '' )
$count++;
}
$count = 0;
while ( $count < $per_page && ($file = readdir($handle)) !== false ) {
if ( !is_dir($file) && ($type = getPictureType($file)) != '' ) {
if ( ! is_dir('thumbs') ) {
mkdir('thumbs');
}
if ( ! file_exists('thumbs/'.$file) ) {
makeThumb( $file, $type );
}
echo '<li><a href="'.$file.'" rel="lightbox['.$lightbox.']">';
echo '<img src="thumbs/'.$file.'" alt="" />';
echo '</a></li>';
$count++;
}
}
echo '</ul>';

while ( ($file = readdir($handle)) !== false ) {
if ( !is_dir($file) && ($type = getPictureType($file)) != '' ) {
$has_next = true;
break;
}
}
}
}

function getPictureType($file) {
$split = explode('.', $file); 
$ext = $split[count($split) - 1];
if ( preg_match('/jpg|jpeg/i', $ext) ) {
return 'jpg';
} else if ( preg_match('/png/i', $ext) ) {
return 'png';
} else if ( preg_match('/gif/i', $ext) ) {
return 'gif';
} else {
return '';
}
}

function makeThumb($file, $type) {
global $max_width, $max_height;
if ( $type == 'jpg' ) {
$src = imagecreatefromjpeg($file);
} else if ( $type == 'png' ) {
$src = imagecreatefrompng($file);
} else if ( $type == 'gif' ) {
$src = imagecreatefromgif($file);
}
if ( ($oldW = imagesx($src)) < ($oldH = imagesy($src)) ) {
$newW = $oldW * ($max_width / $oldH);
$newH = $max_height;
} else {
$newW = $max_width;
$newH = $oldH * ($max_height / $oldW);
}
$new = imagecreatetruecolor($newW, $newH);
imagecopyresampled($new, $src, 0, 0, 0, 0, $newW, $newH, $oldW, $oldH);
if ( $type == 'jpg' ) {
imagejpeg($new, 'thumbs/'.$file);
} else if ( $type == 'png' ) {
imagepng($new, 'thumbs/'.$file);
} else if ( $type == 'gif' ) {
imagegif($new, 'thumbs/'.$file);
}
imagedestroy($new);
imagedestroy($src);
}
And these are my 3 functions i use to do that all i think no more source is needed even those 2 functions aren't needed, the only problem as i see is in makeThumb function

Hi I don't know if this is the right section but I would like to have my gallery open up in the content section. For example I have a page which has the gallery links on the navigation side and I want it to open in the content side. I have only been able to open it up in a new page. I'm using php to get the images.

Here is my default.php code:

Code: [Select]
<head>
<title><?php echo $this->get_title(); ?></title>
<meta name="Description" content="<?php echo $this->get_description(); ?>" />
<meta name="Keywords" content="<?php echo $this->get_keywords(); ?>" />
<title>Welcome to the Framework</title>
<?php
$this->_page->add_javascript('/vendor/lightbox/js/jquery.lightbox-0.5.min.js');
$this->_page->add_stylesheet('/vendor/lightbox/css/jquery.lightbox-0.5.css');
$this->_page->add_stylesheet('/css/default.css');

echo $this->page('stylesheets');
echo $this->page('javascripts');
?>

</head>

<body>
 

<div id="container">
<div id="banner">
<h1>
Welcome to the Grada djeri
</h1>
</div>
<div id="nav">
 <?php 
  echo $this->page('view');
 ?>



</div>
<div id="content">

<?php  ?>
</div>



<div id="footer">
<a href="/pages/about_me">About Me</a>
<a href="/pages/contacts">Contacts</a>
<a href="/pages/home">Home</a>
</div>
</div>
</body>
</html>



and here is my home.php

Code: [Select]
<!-- <h2>This is the homepage</h2>-->


 
 
<?php 
//echo $this->_params['item']['content'];
// how to loop through an images and gallery name and put it into a list
foreach ($this->_params['list'] as $gallery ){
$gallery_name = $gallery['name'];
$image = $gallery['image'];

echo "<table>";
echo "<tr>";
echo "<td>";
echo "<a href=/galleries/view/".$gallery['id']."><img src='/image.php?path=$image&h=50&w=50'></a>";
echo "</td>";
echo "</tr>";
echo "</table>";
}

?>
 

Hi guys,

Just after a bit of advice really. I want to create an image gallery. Currently, my images (which are sourced from a DB) are brought about in a loop and set in their own div, side by side. I was just thinking though: would it be better to do this with an array? Its a bit difficult coding for this just using the basic loop. Anyone have any suggestions to make this better?

PS, here is my current code:

$sql =  "SELECT * FROM imagegal";
 if ($result = mysql_query($sql)) {
    if (mysql_num_rows($result)) {
   
while($row = mysql_fetch_array($result)){
   
   echo '<span class="imagegal">';
   echo '<span><img src="' . $row['image'] . '"</span>';
   echo '</span>';
   
}}}   

how to create php gallery with pagination and also add new images that control by admin