Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 27
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumnails & Photos

    Hi everybody,

    Is there a quick way to generate thumbnails (say 30 thumbs: thumb1, thumb2...) with a script on a web page?

    Is there another quick way to generate 2 types of thumnails, say thumb-a & thumb-b, (again thumb-a1, thumb-a2... thumb-b1, thumb-b2...)

    Thanks in advance
    Hrisula

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    UK
    Posts
    1,137
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i built a script to do something like what your after. my script genreates a gallery and has a popup function so when clicked it will open a window with the picture in also with a specific comment.

    the link for the generator http://www.martin.newton1.btinternet.../1/galcode.htm

    if you require something slightly different i can modify it.

    scroots
    Spammers next time you spam me consider the implications:
    (1) that you will be persuaded by me(in a legitimate mannor)
    (2)It is worthless to you, when i have finished

  • #3
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Take a look here


    http://www.huntingground.freeserve.c...g_gallery3.htm


    Although the script is finished I have not yet finished the page, but it might give you some idea.

    The table containing the thumbnails is dynamically generated.

    This means that instead of using 4 pages for 4 galleries the same page is used for all the galleries.

    View the source to see the script

  • #4
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you both for your help. Both scripts are wonderful and smartly written.

    But I have a problem. Since the web page that I will have to prepare is for an artist, many of the audience will be Mac users. It has been brought to my attention that Mac users have, shall we say, some "particularities" (my apologies if this is not a politically correct term) One of them is they don't like popups, which are mostly killed instantly no questions asked. Everything has to be in the same screen, with no alterations as to scrollbars, menubars etc. Therefore when you click on the thumbnail, it has to open on the same page. In other words you have thumbnails on the left side of the page, say 3-4+ rows, and when you click, the image should open on the right side of the page.
    Right now I am using frames to achieve this result.
    Can the same be done dynamically?

    Thanking you in advance

  • #5
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    I could adapt my script to accomodate frames if you like.

    Let me know what your frame layout is going to be



    Scroots.

    Your script is not closing the table
    Last edited by Mr J; 10-06-2003 at 12:47 AM.

  • #6
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks a million.

    Can it be done without frames, like having some placeholder on the same page, which will accomodate the photos, with an onclick?

    The way I visualize it is as follows:
    I visualize an imaginary table in the middle of the screen
    On the top cell (merged 2 cells) there is the title
    On the left cell, second row we see the links to Gallery1, Gallery2, Gallery 3 etc one underneath the other
    Right under that we see the thumbnails, say 3-4 per row
    On the right cell second row there should be a placeholder, which will accomodate the clicked photos (which will all be the same size, always).

    I say "imaginary table" because people say we should drop the tables and use CSS. Personally I have not managed yet to control exact positioning (of objects in relation to each other) using CSS, that is why I say table. Nevertheless, if you like tables, by all means use them.

    I used frames because I couldn't do it any other way, not because I like them.

    I leave it up to you, anything will be fine as long as we avoid popup windows.

    Thanks again
    Hrisula

  • #7
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    I'll see what I can do for you


  • #8
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    You may use "layers" (DIV controlled) generated by script (document.write or, better createElement DOM method, activated on a specific event on page). I have to do myself such a gallery within 2 weeks, or so, for a client... If you have patience till then...:-)

    Anyway, my advice is to give an "array-like" name to each ID's or object on page (ie. div01, div02...img01.jpg, img02.jpg) Thus you may dratically reduce the script by using (for i=....) statesments and easy-to-handle array variables...
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #9
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    hrisula

    I have included a draft example in the attachment

    You will have to put your image names/paths in the arrays as there is a limit to how much you can upload on these forums.


    If you like what you see or if there is anything that you would like changing, adding, removing etc let me know.


    As I am altering an existing script to suit your needs there may be comments, statements within the script that are not used.

    Once we have settled on what you want I will clean up the script and send you the final version.
    Attached Files Attached Files

  • #10
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    KOR

    Thank you so much for your advise. Sounds mighty complicated for me though, I am not that good....
    Should you make a script though for yourself, and should you want to share it, I will be very happy. I am not in a rush

    Thanks again
    Hrisula

  • #11
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Mr J,
    Thank you so much for taking the time to assist me, I really do appreciate your helpfulness.

    The script is wonderful, and very fancy!! Just perfect!!

    Small details:

    a) the placeholder containing the large photo, can it move just a little bit to the right? it is too close to the the left pane

    b) the thumbnails under the galleries, can they be vertically aligned TOP so that if some galleries have few thumbs, they won't be much space in between

    c) I usually use this doctype (and I validate at W3C)
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html401/loose.dtd">
    As I am not very knowledgeable, I feel somewhat scared, and I am told I have to "follow the rules" which I do as much as I can. Thus I use this doctype. What is your opinion on this matter?

    d) Will I have thumbs & photos as separate jpegs, or will the photo be reduced automatically to thumb?

    Artists are very particular people, they want their art to appear "exactly" so. Plus all of them would like to see their names appear somewhere. Right now I have a separate page with all the credits. So I am thinking....I don't want to abuse your willingness to help, but if it can be done without too much trouble, can we have up to 5 separate lines of text appearing next to the picture with the credits. This way I can include the name of the photographer on one line, the name of the model, the make-up artist, the hairdresser, the stylist etc (not all will have all the lines)

    You don't have to do all this of course, just the a & b points will suffice, the c point will be the cream on top of the pie, and the credits will be the cherry on top of the cream!!!

    Thanks a million
    Hrisula

    PS I should mention that some of the people viewing this will have Mac's with assorted OS and with all sorts of browsers. I do not have a Mac, I use a PC and have installed Netscape as well as internet explorer.

  • #12
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Mr J

    Can you please do me a great favor, if possible? Whenever you have a few minutes can you go to this link http://pages.infinit.net/zeus/test1/

    Notice the credits on the right panel of the table. I want each credit to appear on a different line. Right now they are in a continuous line. Can it be done easily, without too much trouble?

    If yes, please help, if not forget it.

    Thanks again

    Hrisula

  • #13
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Take a look at the attachment regarding the credits in the right panel.


    In the Gallery page are you having any text under the thumbnails?

    How much gap between the panes do you want?
    Attached Files Attached Files

  • #14
    New Coder
    Join Date
    Jun 2002
    Location
    Montreal
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Wow!! Thank you so very much, the rotation script is wonderful, it solves one major problem. Is there a way to replace the "default.jpg" with some text. The artist would like to give some comments before starting the "show" If it is too much trouble, just forget it, the script is wonderful the way it is now.

    Ragarding the gallery, yes it will be nice to have some text under the thumbnails.

    The gap between panes could be 15px

    Again, thank you so very much for helping me, I sure appreciate it

    Hrisula

  • #15
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Revised "Rotating Images"



    I am also in the process of revising the "Gallery" script.

    To allow for easier positioning preferences I am recreating the page.

    Instead of using a table I am using DIVs and CSS.


    This may be easier for you
    Attached Files Attached Files
    Last edited by Mr J; 10-06-2003 at 07:52 PM.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •