Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add buttons (images) to gallery overview for editing photos #407

Open
chross opened this issue Sep 21, 2023 · 0 comments
Open

Add buttons (images) to gallery overview for editing photos #407

chross opened this issue Sep 21, 2023 · 0 comments

Comments

@chross
Copy link

chross commented Sep 21, 2023

Describe the issue
Hi! I want to display a button for each thumbnail image in the gallery that allows the user to edit the corresponding photo. However, when adding the images they will also be displayed as part of the gallery. How can I exclude images in a <div id="nanogallery2"> div to not be part of that gallery?

CODE PLAYGROUND

<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js" type="text/javascript"></script>
<link  href="./js/nanogallery2/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script src="./js/nanogallery2/dist/jquery.nanogallery2.js" type="text/javascript"></script>
<div id="nanogallery2" data-nanogallery2 = '{
		"thumbnailHeight":  150,
		"thumbnailWidth":   150,
		"itemsBaseURL":     "./galleries/"
	  }' >
	  
<!-- gallery content -->
<a href="./gallerypics/038465.jpg" data-ngThumb="./gallerypics/038465_sm.jpg">Picture No: 006-1</a>
<a href="/edit.php?action=editPic&PicNr=38465" style="display:inline;border:0;"><img src="edit.gif" title="edit"/></a>
<a href="./gallerypics/038466.jpg" data-ngThumb="./gallerypics/038466_sm.jpg">Picture No: 008-1</a>
<a href="/edit.php?action=editPic&PicNr=38466" style="display:inline;border:0;"><img src="edit.gif" title="edit"/></a>
<a href="./gallerypics/038467.jpg" data-ngThumb="./gallerypics/038467_sm.jpg">Picture No: 009-1</a>
<a href="/edit.php?action=editPic&PicNr=38467" style="display:inline;border:0;"><img src="edit.gif" title="edit"/></a>
<a href="./gallerypics/038468.jpg" data-ngThumb="./gallerypics/038468_sm.jpg">Picture No: 010-1</a>
<a href="/edit.php?action=editPic&PicNr=38468" style="display:inline;border:0;"><img src="edit.gif" title="edit"/></a>
<a href="./gallerypics/038477.jpg" data-ngThumb="./gallerypics/038477_sm.jpg">Picture No: 011-1</a>
<a href="/edit.php?action=editPic&PicNr=38477" style="display:inline;border:0;"><img src="edit.gif" title="edit"/></a>
<a href="./gallerypics/038478.jpg" data-ngThumb="./gallerypics/038478_sm.jpg">Picture No: 013-1</a>
<a href="/edit.php?action=editPic&PicNr=38478" style="display:inline;border:0;"><img src="edit.gif" title="edit"/></a>
<a href="./gallerypics/038479.jpg" data-ngThumb="./gallerypics/038479_sm.jpg">Picture No: 014-1</a>
  </div>
<!-- ### end of the gallery definition ### -->


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant