Skip navigation

Alternative to iWeb for Hi-Res Images?

740 Views 12 Replies Latest reply: Apr 22, 2012 2:35 PM by Cyclosaurus RSS
Longknife23 Calculating status...
Currently Being Moderated
Apr 15, 2012 3:01 PM

In the past I have used iWeb for my photography web site.  Now I find it inadequate since it pre-processes all my images to 800 pixels.  I am seeking an alternative web design software that will allow me to post my images at higher resolution, especially now that the new iPad is 2048 x 1536 pixels.  I am hoping to find a program that has templates and drag and drop functionality like iWeb.

 

I would appreciate your suggestions.

iPad 2, iOS 5.0.1
  • Cyclosaurus Calculating status...
    Currently Being Moderated
    Apr 15, 2012 5:39 PM (in response to Longknife23)

    it's depend on how you set up you photos page, there are settings for the photos:

    1) small = 800px x 600px

    2) medium = 1280 x 960

    3) large = 1920 x 1440

     

    you can set the page width and the detail view to fit any of those size, here is the photos are set at large size and page is 960px, detail view is 924px wide:

    http://temp.cyclosaurus.com/revolving/Photos.html#0

     

    ipad has two display aspects portrait and landscape, so you will have to work some magic to get your photo to fit on both; it can be done:

    http://temp.cyclosaurus.com/revolving/iOS_Device.html

  • Wyodor Level 6 Level 6 (19,335 points)
    Currently Being Moderated
    Apr 15, 2012 9:26 PM (in response to Longknife23)

    Inspector > Photo icon (second from left, next to the page setup)

     

    Choose Small, Medium, Large, Original.

     

    For future reference also have a look at the other 8 icons.

  • Cyclosaurus Level 6 Level 6 (12,915 points)
    Currently Being Moderated
    Apr 16, 2012 12:19 AM (in response to Longknife23)

    Cyclosaurus, you indicated you set your example detail view to 924 pixels.  How did you do?   It appears that 924 is not one of the options.

     

    when you are in photos page thumbnails grid view, double click one of the thumbnails in grid view will take you to detail view.

    then change the slideshow placeholder width in inspector --> metrics --> size --> width

    detail view width can not be wider than page width.

     

     

    Any recommendations for the size of my page width.  It would seem I need to exceed the larger dimension, 1920

     

    you can set your page width to any size you like, but if you set your page too narrow then you have blank space on the side in landscape mode and if you set your page too wide then your page is cropped when you are in portrait mode.

     

    as i said earlier that it can be done to display correctly on ios device (in either porttrait or landscape mode), but you need to work some magic to display the page in both portrait and landscape aspect ratios.

    there are many camps on how to do this with iweb, see this thread:

    https://discussions.apple.com/thread/2798419?start=15&tstart=0

    my page example is 700px wide and it displays fine in both mode.

    and my process is:

    1) detect ios device

    2) detect ios device display orientation (portrait or landscape)

    3) get iweb page viewport (iweb page width)

    4) figure out the scaling ratio (for portrait or landscape)

    5) set a timer to scale ios device viewport (using javascript)

  • Roddy Calculating status...
    Currently Being Moderated
    Apr 22, 2012 9:21 AM (in response to Longknife23)
  • Roddy Level 6 Level 6 (17,255 points)
    Currently Being Moderated
    Apr 22, 2012 10:40 AM (in response to Longknife23)

    iWebMediaGrid.js is in the Scripts folder. Open this in something like TextWrangler and go to line 637.

     

    You would need to do this every time you publish changes to your site.

     

    A permanent solution would be to change the equivalent file in the iWeb package.

     

    OT's tutorial describes the path and how to mod the iWPopUpSlideshow.js...

     

    http://oldtoadstutorials.net/No.26.html

     

    In the same folder is the iWebMediaGrid.js and the line you want is 3061

     

    I haven't tried this particular mod so no warranty is offered!

  • Roddy Level 6 Level 6 (17,255 points)
    Currently Being Moderated
    Apr 22, 2012 1:24 PM (in response to Longknife23)

    I only referenced the tutorial because it lets you know how to open the iWeb package and find the files.

     

    As I said above, I haven't tried it but I can't think why it wouldn't work. Keep a copy of the original in case it doesn't.

     

    There has been a huge amount of discusssion about iWeb replacements in this forum and, what you choose, depends on whether you want to stick with drag and drop style software or move on to code entry.

     

    I'm now using code entry style software so that I can create websiites for mobile devices.

     

    http://www.ezmacwebdesign.com/showcase.html

     

    In these I use a finger swiping style slideshow using JQuery...

     

    http://www.ezmacwebdesign.com/html-mobile/slider.html

  • Cyclosaurus Level 6 Level 6 (12,915 points)
    Currently Being Moderated
    Apr 22, 2012 2:35 PM (in response to Longknife23)

    there are two problems:

    1) iweb detectbrowseronly function detects iphone and ipad as mobile devices and set isiPhone variable to true.

    roddy and wyodor suggest to omit the line in iwebmediagrid.js, that prevents the code from setting the slideshow url to phoneshow.html and always use pop-up slideshow - slideshow.html

     

    2) slideshow.html uses iwpopupslideshow.js to set up image display size, and there is a flaw in the way iweb javascript calculate it; it bases on the window size.

    it's an known problem: https://discussions.apple.com/thread/3005472?start=0&tstart=0

     

    look at wyodor's image: https://discussions.apple.com/thread/3889740?tstart=0

    you see that the image is about 2.5" wide.

     

    the problem can be fixed by adding ipad detection in iwebsite.js detectbrowser function, and fix iwpopupslideshow.js initslideshow function and initcontrols function, but apple have been ignoring it.

    have a look: http://temp.cyclosaurus.com/revolving/Photos.html

Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Legend

  • This solved my question - 10 points
  • This helped me - 5 points
This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.