My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 409: Need help with making Image Gallery
2 people starred this issue and may be notified of changes. Back to list
Status:  WontFix
Owner:  ----
Closed:  Feb 2010


 
Reported by FredrikJ...@gmail.com, Jan 13, 2010
What steps will reproduce the problem?
1.I don't know how to do it.
2.
3.

What is the expected output? What do you see instead?
Just the first image

What version of the product are you using? On what operating system?
windows XP don't know what version.

Please provide any additional information below.
I'm new to this and don't know how to make it right. I've managed to make
one image show but I don't know how to make the gallery...

This is what I have so far, could you please correct it?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="./POPUP/jquery-1.3.2.min.js"> </script>
<script type="text/javascript"
src="./POPUP/js/jquery.nyroModal-1.5.5.min.js"> </script>
<link rel="stylesheet" type="text/css"
href="./POPUP/styles/nyroModal.full.css">

<script type="text/javascript"> 
$(document).ready(function() { 
/* This is basic - uses default settings */ 
	$(".nyro").nyroModal({closeButton:null}); 
	$(".nyro2").nyroModal({closeButton:null,width:650,height:515,padding:0});
	$(".nyro3").nyroModal({closeButton:null});  


});
</script>
<style type="text/css">
<!--  


		!!!!THIS IS THE PART WHERE I WANT TO MAKE A GALLERY INSTEAD OF JUST ONE
IMAGE (Blankett_mText.png) I WOULD LIKE 4 MORE IMAGES


<div id="Exempelblankett" style="display: none;" >
      		<img src="Images/Blankett_mText.png" width="668"
height="972"align="middle"/>
  </div>
      <td width="557"><div align="center" id="Exempelblankett">
          <p class="style27">
        <a href="#Exempelblankett" class="nyro3"><img src="Images/Alla steg
liten.png" alt="Alla steg"/></a></p>
      </div>
      <p class="style22" align="center"> Klicka på bilden för att se ett
exempel på en ny,<br />snyggare och mer lättförtåelig, sorts blankett</td>
    </tr>
  </table>

Feb 5, 2010
Project Member #1 nyro...@gmail.com
in order to create a gallery, you have to set a rel attribute identical to all the
link that you want in your gallery.

The best idea is to link directly to your image like:
<a href="image1.jpg" class="nyroModal" rel="gal">Image 1</a>
<a href="image2.jpg" class="nyroModal" rel="gal">Image 2</a>
<a href="image3.jpg" class="nyroModal" rel="gal">Image 3</a>
Status: WontFix

Powered by Google Project Hosting