These forums are provided for community interactions only. For official support please submit a support ticket.
You are not logged in.
Utilizing SSPro, and SSPro Director, I went with a drop down top navbar to preserve a 'Fullscreen' feel while still allowing for a little formality. Uses permalinks, and custom captions that appear when available.
http://www.jasonliske.com/
Thanks to the forums here, and SSPro which makes my update cycle something not to dread ![]()
Last edited by liske (2009-11-26 10:29:11)
Offline
ooookkkaaay.... where is the gallery? All I see is your into text..?
Offline
All Good Now.
http://www.jasonliske.com/
Thanks for the Wings. JL
Last edited by liske (2009-11-30 22:27:40)
Offline
Your site is very nice and exactly what I'm trying to do! I've got so many questions: Do you use SSP for Flash? Are the 'permalinks' you use the links that appear in the drop down caption bar? What size original image do you upload? How do you tell Flash to make the stage fill a window 100%? Feel free not to answer any of those questions, but if you decide to, I would greatly appreciate it! Your site rocks, and the photography is great as well!
Offline
Hi Jimmy;
Thanks for the site look. I did use SSPro for Flash and I liked the permalinks if I need to send someone to a specific image. In general I uploaded images around 1600 wide, if you look around in the forum there are scalable code examples. In my case I used something like the following.... [my_ssp as the Slideshowpro instance].
import flash.display.StageScaleMode;
import flash.display.StageAlign;
import flash.events.Event;
//liquid
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);
// initialize sizing
resizeHandler (null);
function resizeHandler (event:Event):void
{
var sw:Number = stage.stageWidth;
var sh:Number = stage.stageHeight;
my_ssp.width = sw;
my_ssp.height = sh;
}[you can also add X Y coordinates to pin specific movie clips if you don't want those to scale]
Best
JL
Last edited by liske (2009-12-01 18:47:06)
Offline
Nice images...but, not sure why everyone is buying into the full screen deployment. I have a large monitor and I actually find it annoying.
Last edited by tweaked_eye (2009-12-01 19:32:42)
Offline
tweaked_eye wrote:
Nice images...but, not sure why everyone is buying into the full screen deployment. I have a large monitor and I actually find it annoying.
I agree...
Full screen approach is so yesterday thing and can be very annoying indeed!
Specially when sites are done in such way so you have to flick image by image in order to get to one you like + usually sites like this have no deeplinking = fail in my eyes...
Full screen should be OPTIONAL and if you really insist on fullscreen site than at least make sure that navigation is sorted in proper way (perhaps via ThumbGrid)...
Last edited by XXNephilim (2009-12-01 20:22:15)
Offline
I'm looking at this website with 1920x1200 resolution on a 22" monitor and feel like the full screen ssp is a great way to showcase the photography.
I do agree that thumbnails are nice to have so long as with Jason's site, they don't take away from the simple qualities. Perhaps a hidden thumbgrid on the bottom until mouseover or something would be nice.
At any rate, thanks, Jason for doing some actual telling and not just showing-- kudos for that! Thanks again for the code, and information and I still think your site is very NICE!
Offline
I added a thumbgrid instance on bottom rollover. See whatcha think.
http://www.jasonliske.com/
JL
Offline
Oh yeah, that's exactly how I envisioned it! Lookin' good, lookin' good!
Offline
liske wrote:
I added a thumbgrid instance on bottom rollover. See whatcha think.
http://www.jasonliske.com/
JL
I tried repeatedly to have the thumbgrid instance and automatically placed at the bottom of the page with a width of 100% but it does not work for me.
Could you send me the code to make it work?
thanks and good job !
Offline
I really like the full screen w/thumb nails. I mostly shoot real estate photography and I need to sell agents on "WoW factor" over the crappy images you see on MLS. My problem is figuring out where to start!
I have publisher running and a demo up under the samples button. I did this one with lightroom but I am switching over to Flash.
http://www.ntxrealpix.com
What I want to accomplish is the full screen look set to a size, the very nice center nav buttons and the thumb nails on the bottom.
So lisky, where does your code go and what else do I need to do to accomplish what I want?
A lots to ask so thanks,
Doug
If I ever learn the flash part then I will build the whole site in a gallery.
Offline
How did you create the hyper links that appear in the caption/header? I only know how to enter plain text in that field.
Offline
jimmymusic wrote:
How did you create the hyper links that appear in the caption/header? I only know how to enter plain text in that field.
There's one button that calls a contact email.
// URLs for home / contact
contact.addEventListener(MouseEvent.CLICK, ButtonFunction);
function ButtonFunction(event: MouseEvent) {
var request:URLRequest = new URLRequest("ANY_URL");
navigateToURL(request, "_self");
}And there are buttons that call albums within SS_Pro.
arch.addEventListener(MouseEvent.CLICK, buttonClickHandler);
pub.addEventListener(MouseEvent.CLICK, buttonClickHandler);
garden.addEventListener(MouseEvent.CLICK, buttonClickHandler);
function buttonClickHandler(event:MouseEvent):void {
if( event.target == garden)
{my_ssp.loadAlbum ('album-9', 0);}
else if (event.target == arch)
{my_ssp.loadAlbum ('album-10',0);}
else if (event.target == pub)
{my_ssp.loadAlbum ('album-12',0);
}
}Offline
That's great, thanks for the info! I actually have one other question about the navbar: Are you using the Header/caption option in ssp and simply inserting that code into that area somehow?
Offline
I'm not sure what you mean by 'header', but yes the caption is driven by SSPro, and displays if a caption is present - if not it is not displayed.
Offline
In the Component Inspector under the CAPTION section, next to Elements, you have choices of Header and Caption, Header only or Caption only. Is that the same caption you are talking about? I'm just trying to figure out if you have to use that code as the "Caption" of each image, or how do you go about entering that information since it seems to be the same with every slide. Is that something that you do by pasting the code on each image in Director?
Offline
Hi Liske.
Very nice photos, and a very interesting design solution you have chosen. I like it a lot. I have a questions you might be able and willing to answer for me. I have been working with pretty much the same navigation buttons; the plus and minus as 'next' and 'previous' buttons. I managed to create the movie clips as buttons and got it working, but I have problems hiding the minus button on the first slide as well as hiding the plus button on the last slide. I can see that you on your site have solved this. I would be very grateful if you could help me to a solution. Have tried, but cannot find the answer anywhere.
Thanks a lot /N
Offline
liske wrote:
Code:
import flash.display.StageScaleMode; import flash.display.StageAlign; import flash.events.Event; //liquid stage.scaleMode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_LEFT; stage.addEventListener(Event.RESIZE, resizeHandler); // initialize sizing resizeHandler (null); function resizeHandler (event:Event):void { var sw:Number = stage.stageWidth; var sh:Number = stage.stageHeight; my_ssp.width = sw; my_ssp.height = sh; }
Hi Jason, thanks for sharing your code. I have included it my_ssp action layer, but no change. can you also share your publishing settings (html/flash).
Thanks, Markus
Offline
any chance you can share your approach / source code?
Thanks, Markus
nermin wrote:
Hi Liske.
Very nice photos, and a very interesting design solution you have chosen. I like it a lot. I have a questions you might be able and willing to answer for me. I have been working with pretty much the same navigation buttons; the plus and minus as 'next' and 'previous' buttons. I managed to create the movie clips as buttons and got it working, but I have problems hiding the minus button on the first slide as well as hiding the plus button on the last slide. I can see that you on your site have solved this. I would be very grateful if you could help me to a solution. Have tried, but cannot find the answer anywhere.
Thanks a lot /N
Offline
got another question:
any chance you can share the code for the thumbgrid, that shows up once the user moves the mouse at the bottom part?
Thanks for your help, much appreciated,
Markus
Offline
Thumbgrid - I have been getting alot of requests for the thumbgrid portion of the site.... I believed I 'hacked it' by either calling it twice, or maybe by only resizing Y? If you isolate the key criteria please post for others. Mine is still not perfect however, and hopefully this function will work out in future TG release.
[My thumbgrid instance my_tg, columns 14, rows 1. Probably not too important? ]
[Head of script, you may have some of this already, or there may be extra items]
//___________
import net.slideshowpro.slideshowpro.*;
import net.slideshowpro.thumbgrid.*;
import flash.display.StageScaleMode;
import flash.display.StageAlign;
import flash.events.Event;
//______
stage.addEventListener(Event.RESIZE, setupThumbGrid);
function setupThumbGrid (event:Event):void {
var sw:Number = stage.stageWidth;
var sh:Number = stage.stageHeight;
my_tg.y = sh-80;
my_tg.x = sw-sw;
my_tg.width = sw;
my_tg.height = 80;
}
//_______
//liquid
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);
// initialize sizing
resizeHandler (null);
function resizeHandler (event:Event):void {
var sw:Number = stage.stageWidth;
var sh:Number = stage.stageHeight;
my_ssp.width = sw;
my_ssp.height = sh;
my_tg.y = sh-80;
}Regards,
Jason
Last edited by liske (2009-12-29 18:56:34)
Offline
thanks for sharing. the important part for me would be the mouse over effect - once you move your mouse to the lower part of the site, the TG shows up. how did you do that?
Thx, Markus
Offline
Very cool site Jason - I'm all for the full screen effect, especially when the photography is as good as yours.
Thanks for sharing your code as well - very much appreciated.
Offline
Hey Jason
Really great site, and photos! I am also using a very simple design to display my own work. I am a graphic artist. Please take a look at my portfolio. I use SSPro for Flash and Director. I am thinking of starting my page just like yours... with full screen images!
I upload the SSPro gallery using "MovieClipLoader" and ActionScript 2, so I upload the gallery as a Movie Clip. I am not a Flash expert... but I like working on my codes.
www.nandoleira.com
I saw you published most of your codes here, thanks... but I have a question, why does the address on your site change when we see a different photo? Shouldn't the photos be uploaded inside the SSPro gallery as a one page site?
Thanks!
Last edited by nandoleira (2010-01-11 00:58:22)
Offline
Permalinks - so I can direct people to an individual image....
Offline
liske wrote:
I'm not sure what you mean by 'header', but yes the caption is driven by SSPro, and displays if a caption is present - if not it is not displayed.
Jason, is the nav bar which appears on mouseover at the top of the page done is SSP? I guess I'm trying to figure out whether your website was built in Flash, and how much of it is SSP. Thanks!
Offline
It's a symbol that comes in over SSP instance in the SSP FLA file.
Offline
So if I understand you correctly, you basically have a SSP instance stretching the full frame, and then the nav bar at top is something you conceived in Flash that also stretches full width?
Offline
Nice website. May i ask what font are u using for the caption on the side? Thanks.
Offline
jimmymusic wrote:
So if I understand you correctly, you basically have a SSP instance stretching the full frame, and then the nav bar at top is something you conceived in Flash that also stretches full width?
That's correct -
Offline
HI Jason. Great site! I have used your AS3 code for scaling my webpage to the browser and it works wonderfully except the + and - buttons for Next Image and Previous Image don't scale to the sides of the window (they stay in their original location which places them too close together and out of place in the larger scale browser window). I used the code for my buttons from the ssp wiki and I have placed them on the ssp instance layer. I would really appreciate any help on this thanks!
Offline
Here is how I accomplished aligning buttons vertically centered and on the edges. The prev button actually stayed on the left side (I'm assuming by default), but the next button was a little trickier.
The next image button line is simply saying: "next image button's x position is equal to the stage width minus the width of the next button itself."
function resizeHandler (event:Event):void {
var sw:Number = stage.stageWidth;
var sh:Number = stage.stageHeight;
nextImage_btn.x = sw-nextImage_btn.width;
nextImage_btn.y = sh / 2;
prevImage_btn.y = sh / 2;
}Last edited by jimmymusic (2010-02-10 02:49:31)
Offline
Thanks Jimmy. Good solution. The buttons now appear where they should.
Offline
Thank you so much for all the info! Very generous ....
Offline
Hi Guys
Jason, I have tested the code on my site, and I am very happy with the results. I still want to add Thumb Grid, but I found out in the Forum, it doesn't resize the number of columns dynamically. If we open your site in a small browser window, then stretch it full size, the number of columns doesn't fit the browser size. It stays always the same as launched. The component fits the width but it displays a gray space after the last column. I read it is how Thumb Grid works by design. So it would be a nice enhancement for future versions of Thumb Grid.
http://www.nandoleira.com/SITE.AS3a4/Main.html
One thing. My SSP instance was stretching to fit the browser window ok, but it was leaving a small margin around the movie clip in the browser, so updated the HTML file generated by Flash. I added these lines right before the </head> to force the movie clip to fit the browser.
<style type=”text/css”>
body {
margin:0px;
padding:0px;
}
</style>
I also added the X and Y coordinates to my AS file to fix the buttons in place. I still need to add more navigation, site name, contact info etc. I am reading about adding and removing child in AS3.
Thank you guys for all your help.
Cheers
Nando
Last edited by nandoleira (2010-02-22 16:17:02)
Offline
Nando - Good stuff, thanks for sharing. I agree on the Thumbgrid wishlist. I'd also like thumbgrid to work as a gallery for albums.
By the way - I see that you use Blurb - I love using them as well.
Last edited by liske (2010-02-22 22:54:48)
Offline
Hey liske... thanks a lot!
I've been showing my digital work in a few galleries in Chicago. I usually print them on canvas, but I also use Blurb to get it into a book...
http://www.blurb.com/user/store/NandoRJ
: )
Offline
I checked out your link again - well done!
Offline
Thanks for all your codes!!
Offline
mmarkuz wrote:
any chance you can share the code for the thumbgrid, that shows up once the user moves the mouse at the bottom part?
Hi Jason,
I'm really impressed with your site, and I'd also like to know how you did the mouseover effect for the thumbnails. I've been trying to do something similar, but just can't get it to work.
Thanks.
Last edited by arossphoto (2011-02-23 01:41:53)
Offline
anyone figure out how to get the thumbgrid to hide?
Offline