e2interactive forums » (E)2 Photo Gallery FAQ

Search:

Thumbnail Panel & Image Title Line

(8 posts)

  1. trebor
    Member

    Hi
    First up I just wanted say that Photo Gallery is superb and am very very impressed - on all levels - right up to the styles which are great. Its def what I have been looking for for a long time - a slick, attractive and lightweight gallery that doesnt involve flash. So thank you for all the hard work.
    Also have to say that I love your design style across all the sites you have worked on - excellent stuff.

    I am totally green when it comes to javascript and php, so apologies if I ask some dumb questions while working on my site.

    Here's the first two:

    1) Can I set it so that by default on pageload the thumbnail pane is not visible - but the button still toggles it on and off.

    2) The imgtitle line that is below the thumbnail panel (it includes both the title and the description) - can I either a) move it so that it sits on the same line as the image counter and the styleswitcher buttons or b) just get rid of this line all together?

    I have tried hacking both of these things, but I just seem to break the code!

    Many thanks for any help.

    Rob

    Posted 1 year ago #

  2. e2
    e2interactive

    Thanks it's good to hear that some one likes my work and photogallery!

    1) To set the thumbnail panel to be hidden from the begining you would need to add a line of javascript: thumbs();

    Put it on line 92 of the index.php file after the loadinfo(); function call, like this:

    	<script type='text/javascript'>loadinfo();
	     thumbs();
	</script>

    2) To change the position of the img title and description simply find the html code on the index.php file on line 90:

    <div id='imgtitle'></div>

    and move it to line 69 just after the <div class='clear'></div> tag or where ever you want it, for the most part.

    Posted 1 year ago #

  3. trebor
    Member

    Hi
    Thanks for all the help and apologies for being a pain - I just cant get the hidden thumbs panel on pageload to work - apologies if I am being really dumb

    This is the code from the downloaded index.php file:

    <div id="thumbtoggler"><img src="rsrc/none.gif" alt="Minimalistic" class="toolTips" title="Minimalistic::Click to Display Simple Design Version" /> <img src="rsrc/lightgray.gif" class="toolTips" title="Light Gray Design::Click to Display Light Gray Design Version" alt="Light Gray Design" /> <img src="rsrc/gray.gif" class="toolTips" title="Dark Gray Design::Click to Display Dark Gray Design Version" alt="Dark Gray Design" /> <img src="rsrc/black.gif" class="toolTips" title="Black Design::Click to Display Black Design Version" alt="Black Design" /> <img src="rsrc/e2.gif" class="toolTips" title="(E)2 Design::Click to Display (E)2 Design Design Version" alt="(E)2 Design" /> <img src='rsrc/info_btn.gif' onclick='loadinfo();' border="0" class="toolTips" title="Show IPTC Info::Click to Display IPTC Info" alt="Show IPTC Info" /> <img src="rsrc/thumbgallery.gif" border="0" class="toolTips" title="Toggle Thumbnails::Click to Toggle Thumbnails" alt="Toggle Thumbnails" /></div>

    And this is line 92 accodring to my (unreliable) html editor:

    <div id="gallery" align="center">
    <!--Main Image Here-->

    I dont see where I am meant to put additional bit of javascript you have mention - the only mention of 'loadinfo();'` in the original index.php appears to relate to the Image info buttonI have tried every possible conotation with no joy!

    Posted 1 year ago #

  4. e2
    e2interactive

    It's no problem I don't mind helping out where I can.

    Open up the index.php file or where ever you've put this and look for the following code:

    <script type='text/javascript'>loadinfo(); towards the bottom of the page. Right after the loadinfo(); type thumbs();

    Posted 1 year ago #

  5. trebor
    Member

    Thanks again for the help.
    Got it sorted - feel really dumb after how simple the solution was!

    Posted 1 year ago #

  6. trebor
    Member

    Actually, I spoke too soon...I know that this is really simple but....

    In the index.php (in the downloaded zip), this:
    <script type='text/javascript'>loadinfo();</script>
    does not exist - so I cant change it - that script just isnt in the file.

    Should it be? ;-)

    Thanks for the ongoing help over such a tiny thing!

    PS Have you got any plans to update the gallery for Mootools 1.1?

    Posted 1 year ago #

  7. e2
    e2interactive

    Sorry, I just realized that it doesn't have that on the downloads. It still will be easy to add the thumbs();

    Look for the </body> and put <script type='text/javascript'>thumbs();</script> before the ending body tag.

    Sorry for the complication.

    I am planning on doing some cool stuff with the Mootools 1.1 as soon as I get a little free time do some changes and updates to the gallery.

    Posted 1 year ago #

  8. trebor
    Member

    Thanks again for the help - thats got it sorted

    I look forward to the updated version once you get some time - it is an awesome gallrey already so looking forward to seeing how you make it better!

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.