当用户单击图像时,如何显示此图像和.titleclass.subtitleclass.description

mw3dktmi  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(356)
  1. <?php while($galleryvalidate = mysqli_fetch_array($getresultgallery)){ ?>
  2. <div class="col-lg-2 col-md-2 mb-4 mb-lg-0" id="imageidback">
  3. <img
  4. data-id ="<?php echo $galleryvalidate['publishid']; ?>"
  5. src="<?php echo $folder.$galleryvalidate['publishimage']; ?>"
  6. class="w-100 shadow-1-strong rounded mb-4"
  7. alt=""
  8. style="cursor:pointer;"
  9. name="imagequery"
  10. />
  11. <input type="hidden" class="titleclass" name="titlename" id="titlenameid" value="<?php echo $galleryvalidate['title'] ?>">
  12. <input type="hidden" class="subtitleclass" name="subtitlename" id="subtitlenameid" value="<?php echo $galleryvalidate['subtitle'] ?>">
  13. <input type="hidden" class="descriptionclass" name="descriptionname" id="descriptionnameid" value="<?php echo $galleryvalidate['description'] ?>">
  14. </div>
  15. <?php } ?>

注意:该图像是php脚本中的循环函数。请帮助它3天了,我正在考虑这个问题,但仍然在查找源代码:(

6qfn3psc

6qfn3psc1#

我假设您希望将隐藏的文本元素转换为可编辑的文本元素。

  1. $(document).ready(function() {
  2. $('img.imgquery').click(function() {
  3. $(this).closest('div').find('input[type=hidden]').attr('type', 'text');
  4. })
  5. })
  1. div input {
  2. display: block;
  3. margin-top: 5px;
  4. }
  1. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  2. <div class="col-lg-2 col-md-2 mb-4 mb-lg-0" id="imageidback">
  3. <img data-id="<?php echo $galleryvalidate['publishid']; ?>" src="https://picsum.photos/200/300" class="w-100 shadow-1-strong rounded mb-4 imgquery" alt="" style="cursor:pointer;" name="imagequery" />
  4. <input type="hidden" class="titleclass" name="titlename" id="titlenameid" value="<?php echo $galleryvalidate['title'] ?>">
  5. <input type="hidden" class="subtitleclass" name="subtitlename" id="subtitlenameid" value="<?php echo $galleryvalidate['subtitle'] ?>">
  6. <input type="hidden" class="descriptionclass" name="descriptionname" id="descriptionnameid" value="<?php echo $galleryvalidate['description'] ?>">
  7. </div>
展开查看全部

相关问题