Need "Rotate" Function in Photo Gallery
All of my screen grabs end up 90 degrees rotated in PhotoGallery. There is no rotate function in Photo Gallery so to deal with these images I first open them in Adobe Editor on iPad and rotate them then save them to PhotoGallery.
Is there a better way to do this?
To the example that you have linked to above, make the following additions
<div id="arch-container" style="position:relative;">
<div id="arch-img" style="position:absolute; top: 170px;"><img src="images/arch-img.png" alt="arch_img" width="959" height="195" /></div>
</div>
I have used inline styles to make it easy on myself, but in reality you would put the style rules in the corresponding element selector in the CSS. Also, you would readjust the values to suit.
Also, it is worth mentioning that placing a width and height on your image as you have done, should really be done using CSS.
Added:
As a side note, I have gotten into the habit of using classes for all of my style rules. I came to the conclusion that this is the way to go when trying to analyse a problem within my web page. ID's are unique per document and as such are used when manipulating the DOM using JavaScript. Now when I see an ID in one of my documents, I know that it is not a styling matter as in CSS, but a problem within my script.
Take the above note as a thought, because there is a ongoing debate about this.
Message was edited by: Altruistic Gramps
Similar Messages
-
Need Help Removing XML Photo Gallery on Button Click
Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help. I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery. this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you Code: Select all var imageX:XML; var imageList:XMLList; var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160; var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req); function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); } function imageLoaded(e:Event):void { canvas.addChild(picLoader); } Code for the buttons in different keyframe. Code: Select all stop(); kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick); function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); } function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); } function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); } function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }
Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help. I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery. this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you Code: Select all var imageX:XML; var imageList:XMLList; var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160; var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req); function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); } function imageLoaded(e:Event):void { canvas.addChild(picLoader); } Code for the buttons in different keyframe. Code: Select all stop(); kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick); function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); } function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); } function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); } function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }
-
Need Expertise on Custom Photo Gallery Template
Hello there - this question isn't really just Mac specific, but I don't see a forum that will post to ALL Photoshop users.
I'm in need of some help customizing a Photo Web Gallery in Photoshop. I've done one entirely without tables, using my own CSS to style it. My thumbnail page would be similar to the coding for the index page of the Lightbox styled gallery in this tutorial: www.photoshoplab.com/lightbox-web-photo-gallery.html
However, my problem is that even though my design doesn't use tables, when I'm in the automation dialogue in Photoshop, it still shows the table row and column parameters - greyed out - from the last time a table-based gallery template was used. And Photoshop is using this info to decide how many thumbnails to put on the gallery index page. It simply multiplies the row * column to limit the number of thumbnails on that first page. Very odd and not very nice looking, as it won't finish a row this way.
I notice the Lightbox styled gallery template does away with the table for the thumbnails as well. How, then can I gain control over showing "X" number of images per thumbnail page? Say I have a gallery of 40 images - how can I show 20, max, per page? Or 10? Or whatever needs to be specified to suit the number of images in that gallery?
Also, at runtime, Photoshop is stripping some small but important bits of code out of my customized templates. I've tried to put some HTML elements in to force the "previous next" text below the thumbnails, but it gets stripped out during the generation of the gallery.
The results can be seen here:
www.springfieldmo.gov/cityconnect/images/galleries/dating/index.html
Notice that the first thumbnails page shows 21 images. That's because the greyed out row, column info in the automate dialogue was 3 rows of 7 columns.
Is there any way to get to the actual code that Photoshop runs to generate the galleries? Seems like that's where it would be looking for the table info.
Any thoughts? I'd sure appreciate any info you can give or point me to someone who has done a pure CSS automated Photoshop gallery.
Sincerely,
Christopher Akins
Web Coordinator
City of Springfield, MOThanks Curt, In fact I think I have found the files under
user\Application Data\Adobe\Bridge CS5\Adobe Output Module\MediaGallery\
I got there as a result of your suggestion and although I didn't find /roaming/ I did find the following directories
/document1/
/preview/
/previewinbrowser1/
So I am guessing these contain the files I need to work with. Some of the files are json files which is a bit new to me but I think there is a fair bit of resource around about it.
Regards, Les -
Need help positioning flash photo gallery partially behind graphic.
I have created the basic photoshop layout that I will now be assembling in Dreamweaver. I wish to create a 4 or 5 image gallery using LightBox 2 that will rotate images within the header graphic. Image attached. How would I accomplish this code wise. Would I place the arched graphic within it's own <div> and float it above the div that holds the slideshow/gallery? Any help would be appreciated.
To the example that you have linked to above, make the following additions
<div id="arch-container" style="position:relative;">
<div id="arch-img" style="position:absolute; top: 170px;"><img src="images/arch-img.png" alt="arch_img" width="959" height="195" /></div>
</div>
I have used inline styles to make it easy on myself, but in reality you would put the style rules in the corresponding element selector in the CSS. Also, you would readjust the values to suit.
Also, it is worth mentioning that placing a width and height on your image as you have done, should really be done using CSS.
Added:
As a side note, I have gotten into the habit of using classes for all of my style rules. I came to the conclusion that this is the way to go when trying to analyse a problem within my web page. ID's are unique per document and as such are used when manipulating the DOM using JavaScript. Now when I see an ID in one of my documents, I know that it is not a styling matter as in CSS, but a problem within my script.
Take the above note as a thought, because there is a ongoing debate about this.
Message was edited by: Altruistic Gramps -
Need help with DW photo gallery
I'm learning DW the hard way, trial & error. I've created
my photo album & uploaded it. It looks find, but when I click
on the pictures to enlarge them I get the message "ooops no page
found". What do I do to resolve this issue? I know I'm missing a
step.
Please help me!!! Thanks, BarbaraLook at the path to the larger image. Is the path correct?
Did you upload
the larger photos?
Can you post a URL to your site?
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"whuzthere" <[email protected]> wrote in
message
news:fs4591$6ir$[email protected]..
> I'm learning DW the hard way, trial & error. I've
created my photo album
> &
> uploaded it. It looks find, but when I click on the
pictures to enlarge
> them I
> get the message "ooops no page found". What do I do to
resolve this
> issue? I
> know I'm missing a step.
>
> Please help me!!! Thanks, Barbara
> -
Problem with mutiple photo gallery...
Hello,
I'm new to As3.0 (i'm a designer...) but I need to create a photo gallery, So I found a Tutorial On lynda.com.
I'm using a code that works perfectly, and modified it (copy and paste it) to have 2 SAME photo gallery (using different images) displayed on the page.
So I'm using a 2 thumbnails (one for each Gallery) and by scrolling on the X axis of each thumbnail you can see the differnet images availaible in the gallery. By clicking it displays the full size image in a container.
So far so good.
The problem is that when going form one gallery to another, the first viewed gallery doesnt allow the other gallery main size image to display simply because it is underneath it... Like if it was a layer under another top layer...
I would like to know if there is a way to make each gallery unload their full size image when clicking on the other gallery.
SORRY IF THIS IS A BIT UNCLEAR BUT CAN EXPLAIN IF YOU ASK...
HERE IS THE CODE
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
var container:MovieClip = new MovieClip();
var imageLoader:Loader;
var fullLoader:Loader = new Loader();
var frontIndex:int = 0;;
var containerMask:MovieClip = new MovieClip();
var segment:Number;
container.x = 115;
container.y = -185;
fullLoader.x = 275;
fullLoader.y = -185;
container.addEventListener(MouseEvent.MOUSE_MOVE, changeThumb);
container.addEventListener(MouseEvent.CLICK, showPic);
xmlLoader.load(new URLRequest("data/images.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function mcunload1(event:MouseEvent):void
fullLoader2.unload();
fullLoader.load(new URLRequest(xmlList[frontIndex].attribute("full")));
function xmlLoaded(event:Event):void
xml = XML(event.target.data);
xmlList = xml.children();
for(var i:int = 0; i < xmlList.length(); i++)
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
container.addChild(imageLoader);
function changeThumb(event:MouseEvent):void
segment = container.width / container.numChildren;
frontIndex = Math.floor(container.mouseX / segment);
if(frontIndex <= container.numChildren - 1)
for(var j:int = 0; j < container.numChildren; j++)
container.getChildAt(j).visible = false;
container.getChildAt(frontIndex).visible = true;
function showPic(event:MouseEvent):void
fullLoader.unload();
fullLoader.load(new URLRequest(xmlList[frontIndex].attribute("full")));
addChild(fullLoader);
container.filters = [new DropShadowFilter()];
addChild(container);
//SECOND IMAGE GALLERY
//SECOND IMAGE GALLERY
var xml2:XML;
var xmlList2:XMLList;
var xmlLoader2:URLLoader = new URLLoader();
var container2:MovieClip = new MovieClip();
var imageLoader2:Loader;
var fullLoader2:Loader = new Loader();
var frontIndex2:int = 0;;
var containerMask2:MovieClip = new MovieClip();
var segment2:Number;
container2.x = 115;
container2.y = -80;
fullLoader2.x = 275;
fullLoader2.y = -185;
container2.addEventListener(MouseEvent.MOUSE_MOVE, changeThumb2);
container2.addEventListener(MouseEvent.CLICK, showPic2);
xmlLoader2.load(new URLRequest("data/images2.xml"));
xmlLoader2.addEventListener(Event.COMPLETE, xmlLoaded2);
function mcunload(event:MouseEvent):void
fullLoader.unload();
fullLoader2.load(new URLRequest(xmlList2[frontIndex2].attribute("full")));
function xmlLoaded2(event:Event):void
xml2 = XML(event.target.data);
xmlList2 = xml2.children();
for(var i:int = 0; i < xmlList2.length(); i++)
imageLoader2 = new Loader();
imageLoader2.load(new URLRequest(xmlList2[i].attribute("thumb")));
container2.addChild(imageLoader2);
function changeThumb2(event:MouseEvent):void
segment = container2.width / container2.numChildren;
frontIndex2 = Math.floor(container2.mouseX / segment);
if(frontIndex2 <= container2.numChildren - 1)
for(var j:int = 0; j < container2.numChildren; j++)
container2.getChildAt(j).visible = false;
container2.getChildAt(frontIndex2).visible = true;
function showPic2(event:MouseEvent):void
fullLoader2.unload();
fullLoader2.load(new URLRequest(xmlList2[frontIndex2].attribute("full")));
addChild(fullLoader2);
container2.filters = [new DropShadowFilter()];
addChild(container2);This is just a quick guess. Whenever you call... fullLoader.unload(); also call fullLoader2.unload(); and vice versa.
-
Data not dynamically updating in photo gallery
The page in question is
this
photo gallery.
The primary issue is when one thumbs through the images, the
"photoID" does not update. It remains at the first "photoID" that
is encountered, and in this case, it is 729. The "title",
"description" and so forth remain locked to the first entry as
well, yet the photograph updates "@path".
I've been working at this for almost two days and have tried
almost every possible combination. I've copied over the older
framework files from my other site (which has this working
successfully), modified it to work in this instance, and it fails
here. The XML output is correct.
function photogallery(){ //Photo gallery
?>
<div class='right'>
[Snip out collapse panel...]
<div
spry:detailregion="dsGallery">{photoID}</div>
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src="{@path}" /></div>
</div>
<div class='left'>
<div id='previews'>
<div id='controls'>
<div id='transport'>
<a href='#' class='previousBtn'
title='Previous'><img src='/res/images/buttons/rewind.png'
alt='[skip-back]' border='0' /></a>
<a href='#' class='playBtn' title='Play/Pause'
id='playLabel'><span class='playLabel'><img
src='/res/images/buttons/play.png' alt='[play]' border='0'
/></span><span class='pauseLabel'><img
src='/res/images/buttons/pause.png' alt='[pause]' border='0'
/></span></a>
<a href='#' class='nextBtn' title='Next'><img
src='/res/images/buttons/fastforward.png' alt='[skip]' border='0'
/></a>
</div>
</div>
<div id='thumbnails' spry:region='dsGallery'>
<div class='thumbnail' spry:repeat='dsGallery'><a
href='{@path}'
onclick=\"dsGallery.setCurrentRow('{ds_RowID}')\"><img alt=''
src='{@path}' width="80" height="80" /></a></div>
</div>
</div>
</div>
<div style='clear: both;'> </div>
<?
}Even doing that was no help unfortunately. Here is an
extended snippet,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry">
<head>
<title>Urban Up, a web-site by Sherman
Cahal</title>
<meta http-equiv="Content-Type" content="text/xml;
charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"
media="screen" />
<script type="text/javascript"
src="includes/SpryAssets/SpryEffects.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryDOMUtils.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryImageLoader.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryNotifier.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SpryThumbViewer.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SpryImageViewer.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/SprySlideShowControl.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/gallery_init.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/xpath.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/SpryData.js"></script>
<script type="text/javascript"
src="includes/SpryAssets/photogallery/gallery_xds.js"></script>
<script type="text/javascript">
var dsGallery = new Spry.Data.XMLDataSet("<? echo
$tmpfname; ?>", "/gallery/photos/photo");
</script>
</head>
function photogallery(){ //Photo gallery
?><div class='right'>
<div spry:detailregion="dsGallery">{photoID}
<div id="mainImageOutline"><img id="mainImage"
alt="main image" src="{@path}" /></div>
</div>
</div>
<div class='left'>
<div id='previews'>
<div id='controls'>
<div id='transport'>
<a href='#' class='previousBtn'
title='Previous'><img src='/res/images/buttons/rewind.png'
alt='[skip-back]' border='0' /></a>
<a href='#' class='playBtn' title='Play/Pause'
id='playLabel'><span class='playLabel'><img
src='/res/images/buttons/play.png' alt='[play]' border='0'
/></span><span class='pauseLabel'><img
src='/res/images/buttons/pause.png' alt='[pause]' border='0'
/></span></a>
<a href='#' class='nextBtn' title='Next'><img
src='/res/images/buttons/fastforward.png' alt='[skip]' border='0'
/></a>
</div>
</div>
<div id='thumbnails' spry:region='dsGallery'>
<div class='thumbnail' spry:repeat='dsGallery'><a
href='{@path}'
onclick=\"dsGallery.setCurrentRow('{ds_RowID}')\"><img alt=''
src='{@path}' width="80" height="80" /></a></div>
</div>
</div>
</div>
<div style='clear: both;'> </div>
<?
And the XML file that is created:
<?xml version="1.0" encoding="utf-8"?>
<gallery base = "">
<photos id = "images">
<photo path="
http://www.urbanup.net/content/20070629/photos/1_13_251.jpg">
<photoID>729</photoID>
<title>Downtown</title>
<description><![CDATA[]]></description>
</photo>
<photo path="
http://www.urbanup.net/content/20070629/photos/1_19_3.jpg">
<photoID>834</photoID>
<title></title>
<description><![CDATA[A shared common area divides
the new homes along South Mill.]]></description>
</photo></photos></gallery> -
I need to create a Photo Gallery for a client who wants
access to change images in the albums.
The gallery contains about 6 albums and I am not sure how
many pictures per Album
It obviously needs to be as full proof as possible so that
the user can change images for both small thumbnails
which link to the larger images.
Any advice from someone who has created a content managed
gallery before would be appreciated.
cheers,
DaveFrom Contribute 4 users are allowed to upload images to the
server (File, Publish file from my computer) and with the proper
rights (Edit, Admin. Websites, Users and Roles, Edit Role Settings)
they can also delete images from the server.
You can search the web for a dynamic script (PHP, javascript,
f.i.) that displays images from the folders the user uploads and
deletes the images to and from. -
I need to create a photo gallery that can search photos by information contained in the XML metadata file. i have designed an interface in photoshop and used adobe catalyst to convert the feilds. but when i take the projrct into adobe flex builder. i am having difficulty binding it to my source xml data.
You might try posting this question on the Flash Builder forum. Depending on what sort of back-end service you are trying to talk to, the new "data wizards" in FB4 may make this easy.
- Bruce -
Need help with 3D carousel gallery rotation to a specific angle
Hi,
I am making a 3d gallery, that has a menu underneath it. When clicking to a menu link, the gallery will rotate itself to a certain angle (photo) connected with the menu link. I am using FlashAndMaths 3D cylindrical gallery scripts (XML Customizable 3D Cylindrical Photo Gallery in Flash) as the base (as I couldn't find any free or neither payed 3d galleries that would have a menu connected to the carousel!).
The function to rotate a carousel of thumbnails is the following:
public function doRotate(ang:Number):void {
if(isLoading || notReady){
return;
if(!this.contains(container)){
return;
var i:int;
for(i=0;i<numCols;i++){
colsVec[i].rotationY+=ang;
colsVec[i].rotationY=colsVec[i].rotationY%360;
if((colsVec[i].rotationY>90+diffAng && colsVec[i].rotationY<270-diffAng) || (colsVec[i].rotationY<-(90+diffAng) && colsVec[i].rotationY>-(270-diffAng))){
if(container.contains(colsVec[i])){
container.removeChild(colsVec[i]);
} else {
if(!container.contains(colsVec[i])){
container.addChild(colsVec[i]);
This will rotate the carousel as an infinite loop. However - I need the function to stop at a certain angle e.g. 45% (and/or reset itself to 0%). Another option would be to stop the carousel at a certain thumbnail container.
The function to create a carousel is here:
thumbWidth=thumbsArray[0][0].width;
thumbHeight=thumbsArray[0][0].height;
colsVec=new Vector.<Column>();
colHeight=thumbHeight*colLen+(colLen-1)*pxSpace;
colWidth=thumbWidth;
rad=galLoader.radius;
angle=360/numCols;
container=new Sprite();
this.addChild(container);
containerWidth=2*rad;
vertAddOn=40;
vertDrop=15;
containerHeight=colHeight+vertAddOn;
container.x=containerWidth/2;
container.y=containerHeight/2+vertDrop;
contMask=new Shape();
this.addChild(contMask);
contMask.x=container.x;
contMask.y=container.y;
prepContainer();
diffAng=Math.round((Math.asin(rad/fL)*180/Math.PI)*1000)/1000;
for(i=0;i<numCols;i++){
colsVec[i]= new Column(thumbsArray[i],pxSpace,rad);
container.addChild(colsVec[i]);
colsVec[i].y=0;
colsVec[i].x=0;
colsVec[i].z=0;
colsVec[i].rotationY=angle*i;
if((colsVec[i].rotationY>90+diffAng && colsVec[i].rotationY<270-diffAng) || (colsVec[i].rotationY<-(90+diffAng) && colsVec[i].rotationY>-(270-diffAng))){
if(container.contains(colsVec[i])){
container.removeChild(colsVec[i]);
} else {
if(!container.contains(colsVec[i])){
container.addChild(colsVec[i]);
Could anyone help me as I'm out of ideas!Hi, well, unfortunately asking help from forums is my last option, there really isn't many people around anymore, who'd use Flash!
Also, I couldn't find neither free or payed scripts or examples online, that could do this - so, it's just me and forums.
I really do appreciate that you've tried to help me- I just need a bit clearer reference (as I'm just not really used to use AS), so that I could try to search and/or figure out how to solve that problem.
By "call doRotate() and pass the difference between the current rotation and the desired rotation.", did you mean something like this:
private function onEnter(e:Event):void {
if (rotate){
this.doRotate(1);
if( //so, here I should use something that would locate the desired position, so something like currentFrame or would you have any better ideas?
// should I also add something like doRotate.stop(); here?
this.removeEventlistener(Event.ENTER_FRAME,onEnter);
Or am I going the wrong way? -
Hi,
I downloaded a applet for a rotating flash photo gallery.
However, I can't see any instructions for how to modify the
actionscript...There are a few comments, but they dont seem to be
sufficient.
Here is the script a part of the gallery:
// prototype function for fixing the scaling and position of
images
movieclip.prototype.do_me = function () {
var w = 540;
var h = 400;
var k = this._width / this._height;
if (k > 1.35) {
this._width = 540;
this._yscale = this._xscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
} else {
this._height = 400;
this._xscale = this._yscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
var ap="{parameterstorage}";
var ts="{timestamp}";
var panel=parseInt("{panel}",10);
var radius=parseInt("{radius}",10);
var ysens=parseInt("{ysens}",10);
var xsens=parseInt("{xsens}",10);
var mousespeed=parseInt("{mousespeed}",10);
var minspeed=parseInt("{minspeed}",10);
var breakfactor=parseInt("{breakfactor}",10);
var zoomtime=parseInt("{zoomtime}",10);
var zoomamount=parseInt("{zoomamount}",10);
var sbg = parseInt("{sbg}",10);
var square = parseInt("{square}",10);
var urls="{urls}";
var target="{target}";
var cmode = parseInt("{cmode}",10);
var backgroundcolor=parseInt("{backgroundcolor}");
var bgi="{backgroundimage}";
var width=parseInt("{width}",10);
var height=parseInt("{height}",10);
var maxitems=parseInt("{maxitems}",10);
var ts=-1;
var maxitems=5;
var panel=22;
var radius=250;
var ysens=100;
var xsens=10;
var mousespeed=60;
if (minspeed<=0) {
minspeed=5;
minspeed/=100;
if (Math.abs(breakfactor)>10) {
breakfactor=10;
breakfactor/=10;
if (zoomtime<0) {
zoomtime=2;
zoomtime*=50;
var zoomamount=2;
var urls="
http://www.mandomartis.com/|http://www.effectmaker.com|http://www.yahoo.com||";
var target="_self";
var backgroundcolor=0xffffff;
var width=640;
var height=480;
var lm = "{lm}"; var lmxy = "{lmxy}";
var lm = lm.split("|");
var lmxy = lmxy.split("|");
for (i=0; i<lm.length; i++) if (lm
.length>3) {
attachMovie("lom", "lm" add i, i+6+maxitems);
var xy = lmxy.split(",");
setProperty("lm" add i, _x, xy[0]);
setProperty("lm" add i, _y, xy[1]);
eval("lm" add i).loadMovie(lm
function initApplet() {
moviearea._x=width/2;
moviearea._y=height/2;
activated=true;
var today=new Date();
activated=true;
//url's initialisation
urls=urls.split("|");
// bgnd activation
bgnd._x=-width/2
bgnd._y=0;
bgnd._width=width;
bgnd._height=height;
bgndColor=new Color(bgnd);
bgndColor.setRGB(backgroundcolor);
if (sbg>0) bgnd._visible = true; else bgnd._visible =
false;
if (bgi.length>0)
bgholder._x=-width/2;
bgholder._y=0;
bgholder.backgroundimage._width=width;
bgholder.backgroundimage._height=height;
bgnd._visible=false;
// duplicating main clip
for (var a=0;a<maxitems;a++) {
newarea = "area"+a;
duplicateMovieClip ("moviearea", newarea, a+5);
this[newarea].item_num=a;
this[newarea].theta = a*360/maxitems;
this[newarea].panel = panel;
this[newarea].radius = radius;
this[newarea].gotoAndPlay(2);
if (square==0) this[newarea].control._alpha=0;
// moviearea._x = -1000;
// moviearea._visible = false;
moviearea.gotoAndPlay (2);
this._x = (width/2);
initApplet();// prototype function for fixing the scaling and
position of images
movieclip.prototype.do_me = function () {
var w = 540;
var h = 400;
var k = this._width / this._height;
if (k > 1.35) {
this._width = 540;
this._yscale = this._xscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
} else {
this._height = 400;
this._xscale = this._yscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
var ap="{parameterstorage}";
var ts="{timestamp}";
var panel=parseInt("{panel}",10);
var radius=parseInt("{radius}",10);
var ysens=parseInt("{ysens}",10);
var xsens=parseInt("{xsens}",10);
var mousespeed=parseInt("{mousespeed}",10);
var minspeed=parseInt("{minspeed}",10);
var breakfactor=parseInt("{breakfactor}",10);
var zoomtime=parseInt("{zoomtime}",10);
var zoomamount=parseInt("{zoomamount}",10);
var sbg = parseInt("{sbg}",10);
var square = parseInt("{square}",10);
var urls="{urls}";
var target="{target}";
var cmode = parseInt("{cmode}",10);
var backgroundcolor=parseInt("{backgroundcolor}");
var bgi="{backgroundimage}";
var width=parseInt("{width}",10);
var height=parseInt("{height}",10);
var maxitems=parseInt("{maxitems}",10);
var ts=-1;
var maxitems=5;
var panel=22;
var radius=250;
var ysens=100;
var xsens=10;
var mousespeed=60;
if (minspeed<=0) {
minspeed=5;
minspeed/=100;
if (Math.abs(breakfactor)>10) {
breakfactor=10;
breakfactor/=10;
if (zoomtime<0) {
zoomtime=2;
zoomtime*=50;
var zoomamount=2;
var urls="
http://www.mandomartis.com/|http://www.effectmaker.com|http://www.yahoo.com||";
var target="_self";
var backgroundcolor=0xffffff;
var width=640;
var height=480;
var lm = "{lm}"; var lmxy = "{lmxy}";
var lm = lm.split("|");
var lmxy = lmxy.split("|");
for (i=0; i<lm.length; i++) if (lm.length>3) {
attachMovie("lom", "lm" add i, i+6+maxitems);
var xy = lmxy.split(",");
setProperty("lm" add i, _x, xy[0]);
setProperty("lm" add i, _y, xy[1]);
eval("lm" add i).loadMovie(lm);
function initApplet() {
moviearea._x=width/2;
moviearea._y=height/2;
activated=true;
var today=new Date();
activated=true;
//url's initialisation
urls=urls.split("|");
// bgnd activation
bgnd._x=-width/2
bgnd._y=0;
bgnd._width=width;
bgnd._height=height;
bgndColor=new Color(bgnd);
bgndColor.setRGB(backgroundcolor);
if (sbg>0) bgnd._visible = true; else bgnd._visible =
false;
if (bgi.length>0)
bgholder._x=-width/2;
bgholder._y=0;
bgholder.backgroundimage._width=width;
bgholder.backgroundimage._height=height;
bgnd._visible=false;
// duplicating main clip
for (var a=0;a<maxitems;a++) {
newarea = "area"+a;
duplicateMovieClip ("moviearea", newarea, a+5);
this[newarea].item_num=a;
this[newarea].theta = a*360/maxitems;
this[newarea].panel = panel;
this[newarea].radius = radius;
this[newarea].gotoAndPlay(2);
if (square==0) this[newarea].control._alpha=0;
// moviearea._x = -1000;
// moviearea._visible = false;
moviearea.gotoAndPlay (2);
this._x = (width/2);
initApplet();
sorry for the long post; basically I fairly new to flash and
not familair with actionscript at all. I figure that most of what
is need is number signifing the speeds. Which i added by removing
the curly brackets and adding a number,
i.e var maxitems=parseInt("10",10);
but I dont know how to insert my images....I've tried
various things but i only end up with empty spinning boxes.
If someone could start me off with where i put the images i
may be able to complete it myself , but the more help the better
really as I dont really have a clue and I dont know where to look
for basic knowledge on actionscript language.
Thanks alot in advance,
LizHave you tried in Acrobat: Tools->Print Production->Convert Color?
-
Magnify effect in photo gallery, need help...
Heya,
So if you visit
http://www.hookmedia.biz/cabinet_source/v4_f
and navigate to the "Gallery" page you'll see that, below the area
the large photo is displayed, there is a "film strip" of thumbnail
photo's. I need these photos to be magnified when you mouseover
them but I'm unsure of exactly how to do that. Can anyone help?
You can download the entire .fla via this link:
http://www.hookmedia.biz/cabinet_source/v4_f/index/fla
Once downloaded, double click on the main content area
(titled content_mc) and navigate to the second frame and open the
"photo_gallery" or "gallery" folder where you'll find the first
layer is actionscript for the photo gallery.
Thanks!You rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/ -
Need help with preloader for photo gallery
Hello!
I know I might be the 99999999991 to say that but I will say
it...I'm a begginer with flash and I have a problem...:-)
I'm building a photo gallery which loads jpg photos inside a
loader component by using MovieClipLoader.
Everything works just great but my only problem is that I
can't scale the content (the jpg's) to the size of the loader
component.
I tryed everything but the photos are loading bigger then the
loader, and I wnat to have the photos bigger then the loader so
that I could have good quality on any resolution. Here's the
actionscript I used, if it's necessary:
//------------------MovieClip Loader---------\\
var mcLoader:MovieClipLoader = new MovieClipLoader ();
var myListener:Object = new Object ();
mcLoader.addListener(myListener)
myListener.onLoadProgress = function
(target_mc,bytesLoaded,bytesTotal) {
extLoader_mc._visible = true;
var pctLoaded = Math.round(bytesLoaded/bytesTotal*100);
extLoader_mc.extLoaderBar_mc._xscale = pctLoaded;
extLoader_mc.extLoadinBarLines_mc._xscale = pctLoaded-1;
extLoader_mc.pct_txt.text = pctLoaded;
if (bytesLoaded >= bytesTotal) {
extLoader_mc._visible = false;
mcLoader.loadClip("pics/zernike1.jpg",picViewer_mc.picLoader);
T
Text
Textfirst of all, you can't directly resize the bitmaps, you have to resize the movieclip above it. so if needed, create an empty movieclip inside another wrapper movie clip and resize the wrapper.
then i noticed you don't have onLoadInit in your listener
this method:
myLIstener.onLoadInit=function(mc:MovieClip){
will execute commands after the content is loaded. so you will have to resize your content after it's been loaded. you can't just resize something that you loaded above in your code, you have to wait until it's fully loaded
anyways since you siad you are beginner i will list some useful tip for this job (i don't know if you already know them):
this -refers to current movie clip
this._parent -refers to parent movie cilp
width and height of movie clips are controlled by _width and _height properties, not width height -
Having a problem after taking a picture. When I email it and cc myself the picture needs rotated. I use Windows Live Picture Gallery and it will not let me rotate them either.Can anyone help.
As long as you've backed up your photos, what you use is really a matter of personal preference. To avoid duplicates, pick one program. Getting rid of duplicates that you already have is probably going to mean going through the photos one by one.
For problems with Windows Software, you're probably better off posting on a Windows forum.
Best of luck. -
Advanced photo gallery - need help with MCs
Hello all. I have a photo gallery I am creating that can
contain up to 120 images. Rather than create buttons and movie
clips for each, I am hoping to dynamically build it with 1 movie
clip. But I am having trouble with my code. Here's what I am trying
to do:
Duplicate a movie clip on the stage with an instance name of
e1, giving each successive MC an instance name of e[i+1]
load external images into each movie clip representing images
e1 through e120
set the alpha of the movie clip to 50%
then onRollOver:
Set alpha to 100%, resetting to 50% onRollOut
onPress
assign a variable equal to the image loaded (e1 - e120)
pop up a box and pass the variable into it, which will then
load a larger version of the same image being called from a
different folder.
That being said, here's my flawed code
var i:Number;
for (i = 0; i < 119; i++) {
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
this.loadMovie("images/thumbnails/e" + i + ".jpg");
This code is not working on anything other than the first MC.
Here is the code for mouseover functions:
var i:Number;
for (i = 0; i < 119; i++) {
this["e"+i].onRollOver=function() {this["e"+i]._alpha=100};
this["e"+i].onRollOut=function() {this["e"+i]._alpha=50};
this["e"+i].onPress=function() {
_root.myVar = ["e"+i];
_root.myLargeImage.gotoAndPlay(2)
The problem with this section of code is that the dynamically
loaded movie clips do not accept any event commands (onRollOver,
onPress, etc). It is fine before I load external jpegs, but not
noce they are loaded
Any help would be GREATLY appreciated.
ThanksYou rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/
Maybe you are looking for
-
How does the project expiry date work?
I am looking to buy Captivate. But I first need to know how the project expiry date works. I am currently producing a short course for a company in my area, but our agreement is that they get to use the short course for a period of 3 months. If I cre
-
Can't open iphoto, showing a code -1712
hello, have only just started using a mac, so please be kind x i can,t open i photo, have been using it fine, but today it wont open and shows the code -1712, can anybody please advise on what to do, i'm worried about losing all my images in there to
-
I have two Internet connections- 1-DSL Modem (WAN1-Internet Port) 2-Cable Modem-Comcast (WAN2-DMZ/Internet Port) I connected the DSL (WAN1-Internet) port in and the Cisco RV042 was able to get an IP automatically. I tested the connection and it works
-
A couple of months ago, i installed a windows application to my mac via crossover. However, it quickly became outdated and needs to be patched, but the patch uses a .bat (batch) file. Seeing that i do not have and will not buy a copy of windows, nor
-
My hold button of my iPhone 5 does not work well. What can I do? I have 1 year Applecare. Will it be repaired by Apple? And how long do the reparations take if I send it to apple.