Guten Tag,
ich würde gerne jQZoom auf meiner Seite ans Laufen bekommen.
Was ich bis jetzt gemacht habe:
1. Ich habe die *.zip herunter geladen und entpackt,
2. Die Dateien
- jquery-1.3.2.min.js
- jquery.jqzoom1.0.1.js
- jqzoom.pack.1.0.1.js
aus dem Ordner "js" nach "wp-admin/js" kopiert.
3. Die Datei "zoomloader.gif" aus "images" nach "wp-admin/images" kopiert.
4.Die Datei "jqzoom.css" aus "css" nach "wp-admin/css" kopiert.
5. Via WordPress Admin Panel muss ich jetzt im Header die Zeile
Code
<link rel="stylesheet" type="text/css" href="css/jqzoom.css" />einfügen. Doch wo genau?!!
PHP
<?php
/**
* @package WordPress
* @subpackage PhotoGraphic
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php if (is_single() || is_page() ) : if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<meta name="description" content="<?php the_excerpt_rss(); ?>" />
<?php endwhile; endif; elseif(is_home()) : ?>
<meta name="description" content="<?php bloginfo('description'); ?>" />
<?php endif; ?>
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<script src="<?php bloginfo('template_url'); ?>/scripts/jquery.min.js" type="text/javascript"></script>
<!-- Fancybox -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/scripts/fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.fancy").fancybox();
});
</script>
<script src="<?php bloginfo('template_url'); ?>/scripts/jquery.fade.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/scripts/jquery.superfish.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/scripts/jquery.hoverintent.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});
</script>
<?php wp_head(); ?>
<div id="wrapper">
<div id="headwrap">
<div id="tagline">
<?php echo '' . get_bloginfo ('description'); ?>
</div>
<div id="menu">
<ul class="sf-menu">
<?php wp_list_pages('title_li='); ?>
<li><a href="#" title="Categories">Kategorien</a>
<ul>
<?php wp_list_categories('title_li='); ?>
</ul>
</li>
</ul>
<p style="text-align: left;"><a href="http://www.twitter.com/JohannesPeris"><img class="alignnone size-full wp-image-370" title="twitter-klein" src="http://www.johannesperis.de/wp-content/uploads/2010/01/twitter-klein.png" alt="" width="62" height="26" /></a> <a href="http://www.youtube.com/user/JohannesPeris"><img class="alignnone size-full wp-image-371" title="youtube-klein" src="http://www.johannesperis.de/wp-content/uploads/2010/01/youtube-klein.png" alt="" width="63" height="26" /></a> <a href="http://www.flickr.com/photos/johannesperis"><img class="alignnone size-full wp-image-393" title="flickr-klein" src="http://www.johannesperis.de/wp-content/uploads/2010/01/flickr-klein.png" alt="" width="62" height="26" /></a> <a href="http://www.vimeo.com/JohannesPeris"><img class="alignnone size-full wp-image-371" title="youtube-klein" src="http://www.johannesperis.de/wp-content/uploads/2010/01/vimeo-klein.png" alt="" width="63" height="26" /></a> <a href="http://www.johannesperis.deviantart.com/"><img class="alignnone size-full wp-image-371" title="deviant-art-klein" src="http://www.johannesperis.de/wp-content/uploads/2010/04/deviant-art-klein.png" alt="" width="62" height="26" /></a></p>
</div> <!-- menu -->
<?php if ( !get_option('photographic_logo_txt') ) : ?>
<!-- if standard logo -->
<div id="logo">
<a href="<?php echo get_option('home'); ?>/" title="Home" ><img src="<?php echo ($custom_logo = get_option('photographic_logo_img'))!='' ? $custom_logo : get_bloginfo('template_url') . "/images/logo.png"; ?>" alt="<?php bloginfo('name'); ?>" /></a><?php wp_list_tweets('JohannesPeris','1'); ?>
</div>
<?php else : ?>
<!-- if text logo -->
<div id="textlogo">
<h1><a href="<?php echo get_option('home'); ?>/" title="Home" ><?php bloginfo('name'); ?></a></h1>
</div>
<?php endif; ?>
<?php if ( ($header_ad = get_option('photographic_header_ad')) != "" ) : ?>
<div id="topad">
<?php echo $header_ad; ?>
</div>
<?php endif; ?>
</div> <!-- headwrap -->6. Wohin kommen die ersten beiden Zeilen?!!
Code
<script type='text/javascript' src='js/jquery-1.2.6.js'></script>
<script type='text/javascript' src='js/jquery.jqzoom-1.0.1.js'></script>