machen Ich möchte meine Referenz Arbeiten auf Index anzeigen. Ich beschränkte die Worte. Mein Ziel ist folgendes: Der Benutzer, der detaillierte Informationen über den Beitrag erfahren möchte, wird auf die Miniaturansicht des Beitrags klicken und der Rest des Inhalts wird mit einem Popup geöffnet.Wie kann ich Popup-Blog-Inhalt in Wordpress
Ich habe w3css Modal verwendet, um es zu machen. Meine JavaScript Codes sind:
// Get the modal
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
Aber nur der erste Beitrag scheint so zu sein. Die anderen haben keine Reaktion.
Danke.
I want to make all thumbnails like that
ich eine Revision darüber gemacht. Ich benutzte fancybox 2 und meinen Code ändern, um mit dieser
<a href="#inline1" rel="gallery" class="fancybox"><?php the_post_thumbnail('thumbnail', array('class' => 'aligncenter')); ?></a>
<div id="inline1" style="width:400px;display: none;">
<?php the_post_thumbnail('thumbnail', array('class' => 'aligncenter')); ?><?php the_content(); ?>
</div>
Nun sind alle Thumbnails öffnen mit fancybox aber dieses Mal die andere Thumbnails' Inhalte mit dem ersten Beitrag gleich sind.
Sie müssten für jedes Bild, dass Code und erstellen Sie ein Modal-Element in HTML kopieren. Es klingt nicht richtig, ich würde mir ein modales Plugin oder so etwas ansehen. – yuriy636
Ich habe eine Revision darüber gemacht. Nun öffnen sich alle Thumbnails mit der fancybox, aber diesmal sind die Inhalte der anderen Thumbnails identisch mit denen des ersten Posts. Kannst du noch etwas finden? @ yuriy636 – Katzenliebe
Mögliche Duplikate von [Warum fancybox Inhalte sind die gleichen in Wordpress?] (http://stackoverflow.com/questions/38871689/why-fancybox-contents-are-the-same-in-wordpress) –