Cum pot adăuga o funcționalitate de 'Click pentru Mărire Imagine', cu imaginea mărită deschisă într-un popup?
Am mai multe imagini cu formulare și interfețe UI, care sunt destul de mari. Aș dori să afișez o imagine mai mică, tip 'miniatură' și să ofer utilizatorului opțiunea de a da 'Click pentru Mărire', iar apoi să afișez imaginea la dimensiunea completă fie într-un popup, fie într-o fereastră sau tab separat. Știu că popup-urile nu sunt foarte apreciate, dar aceasta este o decizie pe care trebuie să o iau încă.
Cum aș putea realiza acest lucru? Unde ar trebui să plasez codul JavaScript care încarcă imaginea la dimensiune completă și deschide o nouă fereastră?
Ar trebui să folosești un lightbox pentru asta. Încearcă acesta. Funcționează foarte bine
http://lokeshdhakar.com/projects/lightbox2/
Există instrucțiuni despre cum să-l folosești și documentație pentru punerea lui în funcțiune. Descărcarea va conține și exemple, iar tu poți pur și simplu să copiezi și să lipești codul.

<?php get_header(); ?>
<?php get_sidebar();?>
<div id="content">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class($class); ?>>
<header class="entry-header">
<?php if(has_post_thumbnail()):?>
<?php the_post_thumbnail(); ?>
<?php endif; ?>
<h1 class="entry-title">
<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Legătură permanentă către %s', 'ifoti' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
</h1>
<?php if ( 'post' == get_post_type() ) : ?>
<div class="entry-meta">
<?php ifoti_posted_on(); ?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<?php if ( is_search() ) : // Afișează doar rezumatul pentru căutare ?>
<div class="entry-summary">
<?php the_excerpt(); ?>
</div><!-- .entry-summary -->
<?php else : ?>
<div class="entry-content">
<?php the_content( __( 'Continuă să citești <span class="meta-nav">→</span>', 'ifoti' ) ); ?>
<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pagini:', 'ifoti' ) . '</span>', 'after' => '</div>' ) ); ?>
</div><!-- .entry-content -->
<?php endif; ?>
<footer class="entry-meta">
<?php $show_sep = false; ?>
<?php if ( 'post' == get_post_type() ) : // Ascunde categoria și etichetele pentru pagini în căutare ?>
<?php
$categories_list = get_the_category_list( __( ', ', 'ifoti' ) );
if ( $categories_list ):
?>
<span class="cat-links">
<?php printf( __( '<span class="%1$s">Postat în</span> %2$s', 'ifoti' ), 'entry-utility-prep entry-utility-prep-cat-links', $categories_list );
$show_sep = true; ?>
</span>
<?php endif; // Sfârșit if categories ?>
<?php
$tags_list = get_the_tag_list( '', __( ', ', 'ifoti' ) );
if ( $tags_list ):
if ( $show_sep ) : ?>
<span class="sep"> | </span>
<?php endif; // Sfârșit if $show_sep ?>
<span class="tag-links">
<?php printf( __( '<span class="%1$s">Etichetat</span> %2$s', 'ifoti' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list );
$show_sep = true; ?>
</span>
<?php endif; // Sfârșit if $tags_list ?>
<?php endif; // Sfârșit if 'post' == get_post_type() ?>
<?php if ( comments_open() ) : ?>
<?php if ( $show_sep ) : ?>
<span class="sep"> | </span>
<?php endif; // Sfârșit if $show_sep ?>
<span class="comments-link"><?php comments_popup_link( '<span class="leave-reply">' . __( 'Lasă un răspuns', 'ifoti' ) . '</span>', __( '<b>1</b> Răspuns', 'ifoti' ), __( '<b>%</b> Răspunsuri', 'ifoti' ) ); ?></span>
<?php endif; // Sfârșit if comments_open() ?>
<span class="sep"> | </span>
<?php edit_post_link( __( 'Editează', 'ifoti' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- #entry-meta -->
<div class="socialbtn">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style"addthis:url="<?php the_permalink() ?>">
<a class="addthis_button_email">Email</a>
<a class="addthis_button_print">Printează</a>
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f97067f47ad8fdb"></script>
<!-- AddThis Button END -->
</div>
<div>
<?php comments_template();?>
</div>
</article><!-- #post-<?php the_ID(); ?> -->
<?php endwhile; ?>
<?php else : ?>
Niciun rezultat;
<?php endif; ?>
</div>
<?php get_footer(); ?>
Element de listă

Răspunsurile ar trebui să fie mai mult decât un fragment de cod. Te rugăm să faci o editare și să explici de ce acest lucru ar funcționa.
