Как я могу изменить размер меняющихся изображений в галерее JavaScript? - PullRequest
Новая
       19

Как я могу изменить размер меняющихся изображений в галерее JavaScript?

0 голосов
/ 16 апреля 2019

Я создаю новый пользовательский плагин для моего сайта WordPress, который отображает галерею изображений с помощью шорткода: 

[galleryplugin]

Плагин использует PHP и JavaScript. По сути, я хочу, чтобы шорткод отображал галерею, и это происходит, но мне нужно, чтобы изображения были одинакового размера. Я пытался создать конкретный тег <div> с помощью size = height:"100px";width:"50px", но при этом:

  1. Изображение (я думаю) не становится такого размера
  2. Функция «следующий» (кнопка с разбитым изображением) не перемещает изображение вдоль следующего

Кто-нибудь знает, как это исправить? Спасибо за ваш ответ заранее!

код PHP: 

<?php
/**
 * Plugin Name: Eddie's Tech Gallery
 * Description: Custom gallery plugin by Eddie's Tech
 * Version: 1.0
 * Author: Eddie's Tech
 * Author URI: https://www.eddiestech.co.uk
 */


function load_js() {
 if (is_front_page()) {
     wp_enqueue_script( 'gallery', plugins_url( '/gallery.js', __FILE__ ),array(),time());
 } 
}
add_action('wp_enqueue_scripts','load_js');

add_shortcode('galleryplugin', 'shortcode');
function shortcode() {
    ?>
    <br />
        <img id="whiteBox" src="/wp-content/plugins/gallery/imgs/img1.png"></img>
        <a href="#" onclick="next();return false;"><img src="next.png"/></a>
    <br />
    <?
}
?>

код JS: 

var myImage= new Array(); 
myImage[0]="/wp-content/plugins/gallery/imgs/img1.png";       
myImage[1]="/wp-content/plugins/gallery/imgs/img2.png";
myImage[2]="/wp-content/plugins/gallery/imgs/img3.png";

var ImageCnt = 0;

function next(){
    ImageCnt++;

    ImageCnt %= myImage.length

    document.getElementById("whiteBox").src = myImage[ImageCnt];
  }
...