e2interactive forums » Sample of (E)2 Photo Gallery

Search:

embed gallery in website

(5 posts)

  1. edoublep
    Member

    I've been trying to embed the e2 Gallery into our website and am having some issues with fitting the gallery inside of a DIV. Do you offer any information on the best practice on this?

    Posted 2 months ago #

  2. e2
    e2interactive

    The default e2 gallery needs a minimum pixel width of 600, if you're trying to fit it within something smaller you'll need to resize the gallery in the CSS.

    Posted 2 months ago #

  3. ewos
    Member

    hi e2, great gallery. I have a similar problem to edoublep above, I am trying to embed the gallery within a site. but I am having problems reszing the gallery. I have gone into the css ( the e2 css file as this is the design i want). when I tried to resize the gallery it only seemed to change parts of the gallery as opposed to the whole gallery.

    if you were reszing the entire gallery including the thumbnail section can you tell me all of the css apspects that i need to change? I can only seem to find certain aspects that resize certain aspects of the css. your help would be greatly appreciated

    Posted 1 month ago #

  4. rasch
    Member

    Pals! I am a Rookie_#!

    How can i embed this gallery in my html page???
    rather with a WYSIWYG software; FronPage etc.

    Posted 1 month ago #

  5. e2
    e2interactive

    It won't be a simple copy and paste using a wysiwyg visual mode, there is php code you need to transfer to your design to get it to work correctly.

    Open up the index.php file and make sure you are viewing the source code:

    Copy

    <link rel="stylesheet" type="text/css" href="css/e2.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="css/e2photo_black.css" title="black" />
<link rel="alternate stylesheet" type="text/css" href="css/e2photo_gray.css" title="gray">
<link rel="alternate stylesheet" type="text/css" href="css/e2photo_lightgray.css" title="lightgray">
<link rel="alternate stylesheet" type="text/css" href="css/e2photo.css" title="none">
<?php
	require_once "config.php";
	require_once "getfolders.php";
?>

    and paste this right below your <title></title> tags

    Now copy the following:

    <script type="text/javascript" src="js/mootools.v1.11.js"></script>
<script type="text/javascript">
var transspeed=<?php echo $transitionspeed;?>;
var fadespeed=<?php echo $fadespeed;?>;
</script>
<script type="text/javascript" src="js/e2photo.js"></script>
<script type="text/javascript" src="js/styleswitcher.js"></script>
<script type="text/JavaScript">
<?php getImages($gallerypath, 'tempgallery'); ?>
var firstimagewidth=currentwidth;
var firstimageheight=currentheight;
</script>
<script type="text/javascript" src="js/e2photo2.js"></script>
<script type="text/javascript">

</script>

    Paste this right after what you just pasted.

    Now look for the<body>tag and copy everything in between the <body> and </body> tags and then paste them into your <body> tags.

    Posted 4 weeks ago #

RSS feed for this topic

Reply

You must log in to post.