Kuvvet ColorBox in (benim post) bir html sayfasına link gösterilen görüntü / yüklenir

1 Cevap php

Ben wordpress bir yazı olarak görüntüleri görüntülemek için özel meta verileri kullanarak ediyorum. Benim ana sayfasındaki resmi tıkladığınızda ColorBox açılır ve bu mükemmel.

NE OLUYOR: Şimdi, benim ana sayfada (ben istiyorum ne değil) hakkında görüntüler aracılığıyla görüntü o döngüleri üzerine tıklayın ColorBox yüklenen görüntü ile.

Ben GERÇEKLEŞEMEYECEK İSTİYORUM NE: Ben bunun üzerine tıkladığınızda ColorBox yüklenen görüntü ile, bir bağlantı olarak hareket edecek ve ColorBox içine (bu görüntü ile ilişkili) yazı yükleyin.

Ben bunu nasıl açık değilim. Ben mesaj için görüntü meta verilerini görüntülemek için kullanıyorum kodu:

    	<?php

		// check for spine image
		$spine = get_post_meta($post->ID, 'spine image', $single = true);

		// check for spine class
		$spine_class = get_post_meta($post->ID, 'spine class', $single = true);

	?>

	<div style=" #position: center; #left: 50%; height: 650px; display: table-cell; vertical-align: middle;">

		<div class="post" id="post-<?php the_ID(); ?>">

			<div class="entry">

				<?php

					// If there is a spine image, display it as the post
					if($spine !== '') { ?>

					<p>
						<a rel="bookmark" href="<?php echo $spine; ?>" title="<?php the_title_attribute(); ?>">
							<img src="<?php echo $spine; ?>" class="<?php if($spine_class !== '') { echo $spine_class; } else { echo "left"; } ?>"
								height="400" onMouseOver='resizeImg(this, 150)' onMouseOut='resizeImg(this)'
							/>
						</a>
					</p>

					<?php } // end if statement

					// if there's not a spine image
					else { echo ''; }
				?>

			</div>

		</div>

	</div>

Ve ben ColorBox için kullanıyorum fonksiyonudur:

<script type="text/javascript">
$(document).ready(function(){
	//Examples of how to assign the ColorBox event to elements
	$("a[rel='bookmark']").colorbox({transition:"fade"});
});
</script>

'Imi "nin nitelikleri ile bağlantıları renk kutusunda açılacak böylece. Böylece nasıl şimdi bunu yapabilirsiniz ilgili web sayfasında (veya herhangi bir web sayfasına bir bağlantı olarak hareket ... Bir seferde bir adım) colorbox bağlantılarda görüntü?

I hope this makes sense and thank you for any help, mlord

1 Cevap

Ben bunu nasıl fark bir kez sorum aşırı karmaşık görünüyor.

Sonuçta ben web sitesinden ". Inline" HTML yapılandırılmış örnek kullanılmış olmasıdır (http://colorpowered.com/colorbox/core/example4/index.html). Ben permalink için wordpress döngü href'd dan resim koymak ve ColorBox görüntülenecek her resim / yazı için inline arayabilirsiniz. Sonra ben de ColorBox içinde görevini açar linke genel colorbox sınıf dahil. Başar!

Keep care, Matthew