Fancybox issue

  • garydos34

    (@garydos34)


    11 years, 9 months ago

    I have a custom field set up on my site that I use to upload images. I have a thumbnail gallery set up and am trying to get fancybox to work so that the thumbs get larger once selected. I am struggling trying to get fancybox to work with PHP code

    This is part of Header.php

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml”&gt;
    <head>
    <link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/images/favicon.ico” />
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
    <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0;”>
    <!–<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />–>
    <title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
    <link href=”<?php bloginfo(‘stylesheet_url’); ?>” rel=”stylesheet” type=”text/css” />
    <link href=’http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic-ext&#8217; rel=’stylesheet’ type=’text/css’>
    <link href=’http://fonts.googleapis.com/css?family=Iceland&#8217; rel=’stylesheet’ type=’text/css’>

    <script language=”javascript” type=”text/javascript”></script>

    <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script&gt;

    <script type=”text/javascript” src=”/fancybox/jquery.fancybox.pack.js”></script>
    <link rel=”stylesheet” href=”/fancybox/source/jquery.fancybox.css” type=”text/css” media=”screen” />

    </head>

    <body>

    And this is Portfolio.php

    <!–content start–>
    <?php get_header();
    /*
    Template Name: Portfolio
    */
    ?>
    <div id=”portjump”>

    </div>
    <div id=”main”>
    <div class=”image”>

      <?php query_posts( ‘category_name=portfolio’ ); ?>
      <?php if (have_posts()) : ?>

      <?php while (have_posts()) : the_post(); ?>
      /images/images/zoom/<?php echo get(‘fb_zoom’); ?>”>

    • <?php echo get_image(‘port_thumb’);?>

      • <?php endwhile; ?>
      <?php //next_posts_link(‘Older Entries’) ?>
      <?php //previous_posts_link(‘Newer Entries’) ?>

      <?php else : ?>

      <?php endif; ?>

    <!–end image–>

    FBzoom is the field that should tell fancybox where to find the image.

The topic ‘Fancybox issue’ is closed to new replies.