the excerpt / content in andere div

  • Opgelost FrankG2013

    (@frankg2013)


    11 jaren, 2 maanden geleden

    Ik zou graag d.m.v. mouseover van de thumbnail, de content (<?php the_excerpt(); ?>) weer willen geven in een fade in/out div onder de thumbnail. kan dit?

    mijn code is als volgt opgebouwd:

    <?php  if (have_posts()) : while (have_posts()) : the_post(); ?>
	<!--Start post-->
<a href="<?php global $wp_query;$postid = $wp_query->post->ID; echo get_post_meta($postid, 'Link', true);?>" rel="bookmark" title="Ga naar: <?php the_title_attribute(); ?>" target="_blank" ><?php if ( has_post_thumbnail()) { the_post_thumbnail('shops_post_thumbnail', array('class' => 'shops')); } ?></a>
    <!--End Post-->

<?php endwhile;?>
<?php else : ?>

<p style="color: #d40152; margin:10px 0px 0px 10px;">
<?php _e('Sorry, er zijn (nog) geen berichten in deze categorie.', 'themia'); ?></p>

<?php endif; wp_reset_query(); ?>

    Hopelijk kan het, en weet iemand hoe ik dit voor elkaar kan krijgen!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Mathieu Scholtes

    (@ontwerpexpert)

    11 jaren, 1 maand geleden

    Met de Easy fancybox plugin kom je al een heel eind, daarmee kun je content in een lightbox weergeven. Echter moet je er dan wel een positie bij programmeren en een on hover state zodat je niet hoeft te klikken.

    Thread starter FrankG2013

    (@frankg2013)

    11 jaren, 1 maand geleden

    Beste Mathieu Scholtes, allereerst bedankt voor jouw reactie.
    Ik heb inmiddels easy fancybox geinstalleerd en wat aangepast (voor inline inhoud en iframe)
    Hoe kan ik nou dan de content weer laten geven d.m.v. Fancybox? dit lukt me niet….

    Mathieu Scholtes

    (@ontwerpexpert)

    11 jaren, 1 maand geleden

    In voorbeeld, deze code komt in de header.php

    <div style="display:none" class="fancybox-hidden">
		<div id="contact_form_pop">
			<?php echo do_shortcode('[contact-form-7 id="26" title="Contact form 1"]');?>
		</div>
	</div>

    En met deze button code roep je hem op:

    <a class="action-btn-link fancybox" href="#contact_form_pop"><div id="quote-btn">Request a quote</div></a>

    In dit geval laadt hij bij de muisklik de div in jQuery, die positie maak je dan relative aan en op maat en je zorgt dat die standaard <a href… een on mouse over wordt.

    Dat is globaal de optie die ik zou toepassen zonder alles opnieuw te moeten coderen.

    Mathieu Scholtes

    (@ontwerpexpert)

    11 jaren, 1 maand geleden

    De code die ik overigens oproep is een contact form, die heb je uiteraard niet, bij jou komt daar een stukje andere info. Ook de div moet je dynamisch uitladen aan de hand van de post of image id.

    Is nog heel wat codeer werk 😉

    Thread starter FrankG2013

    (@frankg2013)

    11 jaren, 1 maand geleden

    Thnx Matthieu Scholtes, ondertussen is het met jouw aanwijzingen gelukt!
    Nu nog een ander probleem waar ik tegenaan loop, maar daar zal ik een andere topic voor starten.

    Nogmaals bedankt!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘the excerpt / content in andere div’ is gesloten voor nieuwe reacties.