image titles
How can I generate titles automatically the name of the album
Photos don't have this batch change option. You can select all the photos in the album at the same time, open the Info Panel with ⌘I and enter the same title for all the photos in the album of title of the Info Panel.
If you want to add numbers padded to the title using one of the scripts of the section user Tip: Photos for Mac
- Photos for Mac: change the title to capture number sequential Date-Description-padded batch
- Photos for Mac - batch change the title to the text w/Padded Sequential No.
Tags: Mac OS & System Software
Similar Questions
-
I have a document flash actionscript 2 and I want to integrate a picture on it.
I have a variable called imageUrl that corresponds to the url of the image that I want to
I have a movieclip called imageBox which I want the picture to go (do I even need a movieclip)Can someone help mw with this?
:
imageBox.loadMovie (imageUrl);
-
OBIEE 11 g title view position of the Image
Hi all
Is it possible to change the position of the image title vision in OBIEE 11 g. By default the image is coming up on the left side... In my report, I want to display on the right side...
Guys please help...
Concerning
To achieve this, you will need a custom skin (you can change the original file, but I wouldn't have to do this!).
The control file rendered with regard to the display of the title of the GUI is in the msgdb. This is the/messages/standardviewtemplates.xml. New: Please follow the process to create a custom look and put her updated the standardviewtemplates.xml.
Changes must be made here:
Standard:
<img border="0" src=" 
After the changes:
<img border="0" src=" Basically you swap the order of the Logo-> title-> title-> help-> Logo helps. This way, you know what is happening in the doce above and do title-> Logo--> help if you want.
These changes are application-level everywhere where the custom skin is used (or just applciation-wide full stop if you change the original file).
Show dynamic text inside the title for several images on mouseover
I have 25 animated Clips dragged on the stage and they have for instance similar names for easier manipulation purposes within programming using loops. The instance names look like this: image0, image1, image2 and so on.
Whenever I'm mouseover on one of these unique images, I want to show the unique title of this image using all securities as a dynamic text named imageTitle container.
I managed to do this job image by image, but that would require me to copy paste and modify the following code for each image.
image0.onRollOver = function() {
imageTitle.text = "First image title";
imageTitle.textColor = 0x000000; // setting the text color here
};
image0.onRollOut = function() {
imageTitle.text = "Choose an image";
imageTitle.textColor = 0x000000;
};Question: The above code wouldn't work, but seems redundant to me. Since I was the name of similar instances (image0, image1,..., image24), how can I put this code inside a loop or something to work for all the images without repeating this code 25 times.
Update: I've added a table for the project that contains all titles:
var imagesTitles = new Array("First image title", "Second image title", .... );:
imageTitle.textColor = 0 x 000000;
for (var i: Number = 0; i<>
This ["image" + i] .ivar = i; key stage
{This ["image" + i] .onRollOver = Function ()}
imageTitle.text = imagesTitles [this.ivar]; milestone used here
}
{This ["image" + i] .onRollOut = Function ()}
imageTitle.text = "" Choose image ";"
}
}How to escape the quotes in image.metadata.title
Was working on a web template that uses image.metadata.title and image.metadata.description but when my user place a quote "or an apostrophe I get an error in the processing of the page html or xml I'm generation. What I would like something isg as php htmlspecialchars. I tried the following:
String.format('%Q',image. Metadata.title) who escapes from the "------" and the apostrophe with------' but I will get in my xml
< image title = "She said \"this isn\ ' t work------"" > "
"Unfortunately the------" isn't escape the quote in xml, I would like to have
< image title = "says she & quot; This n & #039; work & quot; ">
Similarly, if my user wants to thml in the title of the image or the title I'm getting the same problem.
It would be nice to have a function SDK for HTML quoting. But in the meantime I think you should use string.gsub () to make your own replacements, for example
String.gsub (s, "\ '", "'")
You can pass an array to the third parameter, which allows you to make all necessary substitutions with call to string.gsub ().
How to block Images on Web sites
I want to warn the images on some Web sites. I followed the advice with the right button on the Web page, select VIEW PAGE INFO, then media. I check the box that says BLOCK the IMAGES. I expect to see an icon back UP, but it says SAVE AS. It is where I am lost. A new window opens SAVE the IMAGE title and wants to appoint me the file as favorite and the type of icon.
I'm puzzled as to why I have create a file on my computer. And it's going to put it under my FAVORITES in Windows? If I do this for different websites, I give each site a unique file name?
I appreciate your kind advice.
You need to check Tools > Page Info > Media on what images are hosted.
It is quite possible that more than one field is used to spread the load of the server.
Blocking of specific areas is not really recommended as other more important images (icons) could be affected as well and you may forget easily what areas you block.screen background image shows during shutdown
original background image title: desktop
I chose a picture as desktop Effect, but it shows for a few seconds during the shutdown. I got a peak long ago and he only started this since I took another. What I've done wrong?
Hello
-Have there been recent changes in the computer before the show?
I suggest you perform the clean boot of your computer and check if it helps.
How to troubleshoot a problem by performing a clean boot in Windows Vista or in Windows 7.
http://support.Microsoft.com/kb/929135
Note: When you are finished troubleshooting, follow these steps to reset the computer to start as usual. See step 7 in the article.
It will be useful.
Problem with image extract the content and the tile at the same time show on ListField
My application is Application News get JSON webservice to appear on ListField.
On each line in the list, it will show you the image thumbnail, title and Teaser as below.
_______________________________________
| | Title
| Thumb |_______________________________
|_______ | Teaser
First of all, I have to get JSON that contains the url of the thumbnail image, title and Teaser.
I managed to view the title and Teaser, but the thumbnail is not. When I Fetch image with the url of the thumbnail image, it returns only bitmap = null for me.
My method is first call httpdispatcher to get the thumbnail image, title and Teaser and then wait and call another httpdispatcher to retrieve the url of the image thumbnail, then added to listfield.
Here is my code
Class helloScreen{ public void requestSucceeded(byte[] result, String contentType) { if (contentType.equals("image/png") || contentType.equals("image/jpeg") || contentType.equals("image/gif") ||contentType.equals("image/jpg")) { bitmap_temp = Bitmap.createBitmapFromBytes(result, 0, result.length, 1); synchronized (UiApplication.getEventLock()) { } } else if (contentType.startsWith("text/")) { strResult = new String(result); try { ja = new JSONArray(strResult); } catch (JSONException e) { // TODO Auto-generated catch block e.printStackTrace(); } synchronized (UiApplication.getEventLock()) { int temp_int_next=0; try { callback.erase(); for(int x=0;x<10;x++){ j = (JSONObject) ja.get(x); String get_htmlOff_first = j.get("teaser").toString().substring(j.get("teaser").toString().indexOf(">")+1); final String thumb = replace(j.get("thumb").toString(),"files/","http://www.eng.chula.ac.th/files/"); UiApplication.getUiApplication().invokeAndWait(new Runnable() { public void run() { getImageURL(thumb); }}); callback.insert(j.get("title")+" ", ""+get_htmlOff_first.trim(), bitmap_temp , temp_int_next , "Event"); temp_int_next++; } } catch (JSONException e) { // TODO Auto-generated catch block e.printStackTrace(); } } } else { synchronized (UiApplication.getEventLock()) { Dialog.alert("Unknown content type: " + contentType); } }public void getImageURL(String url) { HttpRequestDispatcher dispatcher2 = new HttpRequestDispatcher(url, "GET", this); }}
httpRequest, class Dispatcher is used to get the data from the url
public HttpRequestDispatcher(String url, String method, helloScreen screen) { this.url = url; this.method = method; this.screen = screen; } public String getType(){ return type; } public void run() { try { if(WLANInfo.getWLANState() == WLANInfo.WLAN_STATE_CONNECTED) { connection = (HttpConnection)Connector.open(url+";interface=wifi"); }else{ String uid = getWap2Uid(); connection = (HttpConnection)Connector.open(url+";deviceside=true;ConnectionUID=" + uid); } connection.setRequestMethod(method); connection.setRequestProperty("Accept","text/html, image/jpg, image/jpeg, image/,image/gif"); int responseCode = connection.getResponseCode(); if (responseCode != HttpConnection.HTTP_OK) { screen.requestFailed("Unexpected response code: " + responseCode); connection.close(); return; } final String contentType = connection.getHeaderField("Content-type"); final ByteArrayOutputStream baos = new ByteArrayOutputStream(); InputStream responseData = connection.openInputStream(); byte[] buffer = new byte[10000]; int bytesRead = responseData.read(buffer); while(bytesRead > 0) { baos.write(buffer, 0, bytesRead); bytesRead = responseData.read(buffer); } baos.close(); connection.close(); UiApplication.getUiApplication().invokeAndWait(new Runnable() { public void run() { screen.requestSucceeded(baos.toByteArray(), contentType); } }); } catch (IOException ex) { screen.requestFailed(ex.toString()); } }The point here is that I have JSON and get the url of the thumbnail to fetch before add to listfield. The image should be ready in bitmap_temp but it still get null.
UiApplication.getUiApplication().invokeAndWait(new Runnable() { public void run() { getImageURL(thumb); }});public void getImageURL(String url) { HttpRequestDispatcher dispatcher2 = new HttpRequestDispatcher(url, "GET", this); }callback.insert(j.get("title")+" ", ""+get_htmlOff_first.trim(), bitmap_temp , temp_int_next , "Event");All day trying to fix it but no success, so I need help from you guys.
Thank you
"Is it possible to leave only 1 thread completely pick 10 pictures.
Yes and this is how I would recommend that do you it this way. So have a Thread that you give a list of things to do and let it work through each.
Now the images 'page master' in place
Hello:
Quick question:
In my A-master page, I created a nice background for a Web site. Included in the background is a jpeg image that I use as a "banner". In other words, I placed it on top of my A-master page as a nice image/title to create a pleasant location for all other pages.
When you are working on other pages, however, this banner tends to move and float around. If I place the other texts or images inside the bars blue, the measurement (don't know their name sorry), he shoots the banner down, incongruous way.
How can I keep this image jpeg always at the top of a page? Similarly, how to create a banner similar to the background that will be always move according to the length of the content of each page?
(In fact, if the background banner has been doing the top banner, it would be great! Instead, the background banner remains in place and allows the content to lay on it, while the top always pulled down image when I increase the length of the page.)
So this is about as clear language I can say briefly what is happening. Perhaps there is a different method to create these banners up and down than simply dragging JPEGs pre-designed in Muse? Something which avoids so stupid adjustment and troubleshooting?
Thanks a lot -
J
Thanks team,
I managed to solve most of the issues "banner" albums by extending the minimum duration of the project in the site properties. Now that it's longer, there are extreme cases of type text or image, pulling down of the banner when I happen to add more content than the minimum length of original page.
However, it is always wonderful to have a lower banner at the bottom of the page that moves with a pixel length lowest. In other words, whatever a page with 1000 pix of content or 5000, the bottom bar will follow. I explored pinning, according to your suggestion, rogersphoto-, but I'm not interested in an image that remains on one place on the SCREEN, remains active in the lowest point on the page that a person can row for. It's really just needed to help during the construction, some pages are long, others short, but all have a high standard of master and down. Right now, I'm just a variety of master pages with different lengths for different pages, but it seems sort of silly to do. But, the time between, I would put in solving it my very well be less than trying to understand in this case...
Thanks for your replies.
Weird Image loading Glitch on mobile site
So I just publish my site that I exported to Muse on Dreamweaver.
I am faced with this very strange loading glitch that happens only on the tablet/mobile version (office works very well) where sometimes the images load with a strange problem:
It is only when I wipe my phone web/on historical data are loading images, but even in this case, other images are starting to act up.
Thank you!
I have not checked on a mobile device, but what follows is not admissible
To make them sensitive look here Responsive Web Design Images or Google the topic.
How to work with still Images in first items 10
I am faced with still images in my titles for my video project and would be really grateful for the help. I did a lot of searching on Google on this and searched this forum, but can't seem to find the answer I need, maybe not to seek the right questions or all just "don't get it". Not even PE Adobe tips or Adobe TV covers, although it seems important to know. I don't understand how PE10 will manage the resolution of graphics from Photoshop or any fixed image. Maybe this topic will also contribute to other institutions.
I'm working on a video project for my work, editing an old training video. New title graphics created in Photoshop, inserted images of title integrated with video clips, then exported the video segments in the form of MPEG files. I burned the entire video on DVD.
When the final DVD play on a computer or a television screen, the images of photo in the titles are unclear, although they were clearly 300 dpi images. (I know dpi is not serious in the video). The text of the title is also a little fuzzy and the text of the title which has applied animation to it is still more unclear. Yet, old video clips MPEG look good - it's just my title images and texts that have (annoying) look bad.
So I need to know how to improve the quality of the images/graphics even a video?
Project settings:
-Hard drive, Standard 48 kHz
-Editing mode: DV NTSC
-Frame: 720 x 480 (0.9091)
-Frame rate: 29.97 FPS
-with "optimize images" box checked
Using these settings because I work with an old training video CD MPEG files.
Exporting files: MPEG, NTSC DVD Standard
I export as MPEG video clips because they will be burned on a CD or a DVD for distribution to our management offices.
Job details:
In Photoshop, I still created graphic images for each title of format 720 x 480 with high resolution photos and logo of the company (300 dpi) and save as a bitmap for import into PE10. In the timeline panel, I insert the fixed image on the track "Vidéo 1", and then in the video track 2 create a top for the text title (some animated, some still). Sometimes I have the battery 2 or tracks of three titles with separate video text on an image fixed title. Yes, there is a red line on the top in the timeline because I do not still images.
Issues related to the:
• What is the best resolution for images imported into PE10 of Photoshop?
• Do I create title graphics/images to 720 x 480 or higher like 1920 x 1080 report so it will show better seen on a computer or a TV?
• Do I need to render each image title in the timeline panel so that it displays finally better in MPEG?
• Is it better to create a title and then insert the image in the title so that they are integrated, rather than layers on separate video tracks?
I would be very happy to help.
When the final DVD play on a computer or a television screen, the images of photo in the titles are unclear, although they were clearly 300 dpi images. (I know dpi is not serious in the video). The text of the title is also a little fuzzy and the text of the title which has applied animation to it is still more unclear. Yet, old video clips MPEG look good - it's just my title images and texts that have (annoying) look bad.
Please keep in mind that DVD-video has been designed for CRT TVs, and was a major step upward to a VHS tape. However, when displayed on a HD or HD TV computer monitor *, it of always ONLY 720 x 480, with is about 1/4 of the resolution 1920 x 1080, which is what we're used to seeing on display devices. It is, but only 25% of the quality. He can never look as good as HD material.
Good luck and if I missed something, please point out to me.
Hunt
* With the advent of BD players and players of DVD up-rezzing, things HAVE improved, watching a video DVD on an HDTV. New players have up-rezzing in chips, which do a very good job of "improving" the quality of the material considered. However, even with these amazing chips, DVD-video is NEVER as good as a full-HD source. In addition, the computers do not have these chips up-rezzing, so when contemplating a video DVD on a high-resolution computer monitor, it will still look pretty bad. There are a couple of new DVD players software, that allow to improve the quality of DVD-Video, played on a high-resolution computer monitor, and some look quite promising. I guess we'll see some more development in the region of DVD-video, especially since BD is not the seller basically promised a lot. Even in 3D is not helping BD fulfilling its promises.
Grid scrolling Image on Mobile
I'm new to Flex and have been involved in some tutorials that I managed to find in the wek spent more or less. I was thinking to create a mobile application as a test project to enhance my knowledge.
I have a few questions: -.
1. I want to create a grid of scrolling images for mobile. Maybe 1 column or multi. The source of the images could be an API call or keep it simple an arraycollection of objects collection containing the image title and image url. Can someone please show an example.
< s:ArrayCollection id = "imageList" >
< fx:Object imageTitle = "Test 1" imageURL="resources/1.jpg"/ >
< fx:Object imageTitle = "Test 2" imageURL="resources/2.jpg"/ >
< fx:Object imageTitle = "Test 3" imageURL="resources/3.jpg"/ >
< fx:Object imageTitle = "Test 4" imageURL="resources/4.jpg"/ >
< fx:Object imageTitle = 'Test 5' imageURL="resources/5.jpg"/ >
< fx:Object imageTitle = "Test 6" imageURL="resources/6.jpg"/ >
< fx:Object imageTitle = "Test 7" imageURL="resources/7.jpg"/ >
< fx:Object imageTitle = "Test 8" imageURL="resources/8.jpg"/ >
< fx:Object imageTitle = "Test 9" imageURL="resources/9.jpg"/ >
< / s:ArrayCollection >
2. what resources (sites Web/books) would you recommend so I can devote myself seriously mobile Flex programming ensuring my Foundation is good.
IconItemRenderer should be able to accomplish this use case, for example:
labelField =""
iconField = "myIconField" iconWidth = "140" iconHeight = "140" / >
Note that you might want to extend IconItemRenderer and override drawBackground() to change how separators/borders are drawn. It will be a little easier in 4.6 with the introduction of the method of drawBorders() by SDK-27737.
Z Index, overlay images, need help (crazy!)
Need help on overlay images. As you can see, the "polaroid" a band on it - I want this band to overlap the menu bar.
The menu bar is a Graphic (there is a slight slope for her) and above it are the real menu graphics. If I remove the menu graphics, photography rides very well. But if I insert the menu chart, they are on top of the polaroid. Thanks in advance for any help you can provide.
Gary
Here is the code for the page:
SanDiegoHomegrown.com < h1 > < / h1 >
< img src = "images/menuBar.gif" / > "
< ul id = "menu bar" >
< li = 'listen' id > < a href = "songs.html" > listen < /a > < /li > ""
< id li = "submit" > < a href = "submit.html" > submit songs < /a > < /li > ""
< li id = "seals" > < a href = "seals.html" > help < /a > < /li > seals ' "
< li = 'about' id > < a href = "about.html" > Our Story? ' " < /a > < /li >
< li = 'sponsors' id > < a href = "sponsors.html" > Sponsors < /a > < /li > ""
< /ul >
< div id = "polaroid" >
< img src = "images/band2_polaroid.png" width = "280" height = "354" / > "
< / div > <! - polaroid - >Here's the CSS:
{#polaroid}
height: 354px;
Width: 280px;
padding-left: 50px;
margin-top:-40px;
}
{#menuBar}
height: 30px;
Width: 960px;
padding: 0px;
do-family: 'Courier New', Courier, monospace;
list-style-type: none;
position: absolute;
display: block;
background-repeat: no-repeat;
margin-top:-30px;
}#menuBar a {}
Width: 175px;
display: inline-block;
color: #2F3032;
text-align: left;
vertical-align: 0%;
margin: 0px;
list-style-type: none;
float: left;
height: 35px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
text-indent:-9999px;
}{#menuBar #listen
background-repeat: no-repeat;
position: absolute;
background-image: url(images/titles/listen_bar_orig.gif);
}{#menuBar #submit}
background-image: url(images/titles/submit_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 150px;
Width: 200px;
z-index: 1;
}{#menuBar #seals}
background-image: url(images/titles/seals_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 375px;
Width: 225px;
}{#menuBar #about}
background-image: url(images/titles/about_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 625px;
}{#menuBar #sponsors}
background-image: url(images/titles/sponsor_bar_orig.gif);
background-repeat: no-repeat;
position: absolute;
margin left: 800px;
}Auggh, just figured it out. Polaroid should be relative positioning!
Hey. I have an xml which basically has a structure as follows
<image title="Mike from Camden" src="images/5.jpg"/>
In as3, I load in the xml file and then manipulated by the practice
private function handleXML(e:Event):void { xml = new XML(e.target.data); for (var i:int = 0; i < xml.children().length(); i++) { var loader:Loader = new Loader(); loader.load(new URLRequest(String(xml.children()[i].@src))); images.push(loader); imagesTitle.push(xml.children()[i].@title); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaded); } }I have then essentially create a container and display each image in that container and view the text where appropriate. If you click on an image, it zooms in to help
tween = new Tween(e.target.parent,"scaleX",Strong.easeOut,e.target.parent.scaleX,0.6,0.8,true); tween = new Tween(e.target.parent,"scaleY",Strong.easeOut,e.target.parent.scaleY,0.6,0.8,true); tween = new Tween(e.target.parent,"x",Strong.easeOut,e.target.parent.x,stage.stageWidth / 2 - e.target.parent.width + 15,0.8,true); tween = new Tween(e.target.parent,"y",Strong.easeOut,e.target.parent.y,stage.stageHeight / 2 - e.target.parent.height + 15,0.8,true);
Now instead of zooming in on the image original and do expand, I would now like to change the image. I add another url in my xml that points to another picture. I can so this load and manipulate. I then have to perform in the Tween to change to the new image? I'll add the code in the class below, so you can see everything I do.
Thank you much for the help
package classes { import flash.display.Sprite; import flash.display.MovieClip; import flash.net.URLLoader; import flash.net.URLRequest; import flash.display.Loader; import flash.events.Event; import flash.filters.BitmapFilter; import flash.filters.DropShadowFilter; import flash.text.TextFormat; import flash.text.TextField; import flash.text.AntiAliasType; import flash.events.MouseEvent; import fl.transitions.Tween; import fl.transitions.easing.Strong; import fl.transitions.TweenEvent; public class Main extends MovieClip { var xml:XML; var images:Array = new Array(); var imagesLoaded:int = 0; var imagesTitle:Array = new Array(); var tween:Tween; var zoomed:Boolean = false; var canClick:Boolean = true; var lastX:int; var lastY:int; var textformat:TextFormat = new TextFormat(); var formatFont:Avenir = new Avenir(); var screen:Sprite = new Sprite(); public function Main():void { textformat.color = 0xFFFFFF; textformat.font = formatFont.fontName; textformat.size = 17; screen.graphics.beginFill(0x111111, .75); screen.graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight); screen.graphics.endFill(); loadXML("xml/images.xml"); } private function loadXML(file:String):void { var urlLoader:URLLoader = new URLLoader(); var urlReq:URLRequest = new URLRequest(file); urlLoader.load(urlReq); urlLoader.addEventListener(Event.COMPLETE, handleXML); } private function handleXML(e:Event):void { xml = new XML(e.target.data); for (var i:int = 0; i < xml.children().length(); i++) { var loader:Loader = new Loader(); loader.load(new URLRequest(String(xml.children()[i].@src))); images.push(loader); imagesTitle.push(xml.children()[i].@title); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaded); } } private function loaded(e:Event):void { imagesLoaded++; if (xml.children().length() == imagesLoaded) { removeChild(preloader); prepareImages(); } } private function prepareImages():void { for (var i:int = 0; i < images.length; i++) { var container:Sprite = new Sprite(); var frame:Sprite = new Sprite(); var infoArea:Sprite = new Sprite(); var infoField:TextField = new TextField(); frame.graphics.beginFill(0xFFFFFF); frame.graphics.drawRect(-20, -20, images[i].width + 40, images[i].height + 80); frame.graphics.endFill(); /* Info Area */ infoArea.graphics.beginFill(0x111111, 0.75); infoArea.graphics.drawRect(0, 0, images[i].width, 60); infoArea.graphics.endFill(); infoArea.y = images[i].height - 60; infoField.defaultTextFormat = textformat; infoField.embedFonts = true; infoField.antiAliasType = AntiAliasType.ADVANCED; infoField.width = images[i].width - 5; infoField.height = 20; infoField.text = imagesTitle[i]; // Resize container.scaleX = 0.3; container.scaleY = 0.3; // Position container.x = stage.stageWidth / 3 + Math.floor(Math.random() * (stage.stageWidth / 4)); container.y = stage.stageHeight / 5 + Math.floor(Math.random() * (stage.stageHeight / 5)); /* Filter */ var shadowFilter:BitmapFilter = new DropShadowFilter(3,90,0x252525,1,2,2,1,15); var filterArray:Array = [shadowFilter]; container.filters = filterArray; infoArea.addChild(infoField); container.addChild(frame); container.addChild(images[i]); infoArea.visible = false; container.addChild(infoArea); container.getChildAt(1).addEventListener(MouseEvent.MOUSE_UP, zoomHandler); container.getChildAt(0).addEventListener(MouseEvent.MOUSE_DOWN, dragImage); container.getChildAt(0).addEventListener(MouseEvent.MOUSE_UP, stopDragImage); addChild(container); } } private function dragImage(e:MouseEvent):void { e.target.parent.startDrag(); } private function stopDragImage(e:MouseEvent):void { e.target.parent.stopDrag(); } private function zoomHandler(e:MouseEvent):void { if (! zoomed && canClick) { /* Avoid unwanted clicks */ canClick = false; addChild(screen); /* Cant drag when zoomed or zooming */ e.target.parent.getChildAt(0).removeEventListener(MouseEvent.MOUSE_DOWN, dragImage); /* Get next highest depth */ setChildIndex(e.target.parent as Sprite, (numChildren - 1)); /* Get position */ lastX = e.target.parent.x; lastY = e.target.parent.y; tween = new Tween(e.target.parent,"scaleX",Strong.easeOut,e.target.parent.scaleX,0.6,0.8,true); tween = new Tween(e.target.parent,"scaleY",Strong.easeOut,e.target.parent.scaleY,0.6,0.8,true); tween = new Tween(e.target.parent,"x",Strong.easeOut,e.target.parent.x,stage.stageWidth / 2 - e.target.parent.width + 15,0.8,true); tween = new Tween(e.target.parent,"y",Strong.easeOut,e.target.parent.y,stage.stageHeight / 2 - e.target.parent.height + 15,0.8,true); tween.addEventListener(TweenEvent.MOTION_FINISH, zoomInFinished); } else if (zoomed && canClick) { e.target.parent.getChildAt(2).visible = false; tween = new Tween(e.target.parent,"scaleX",Strong.easeOut,e.target.parent.scaleX,0.3,0.3,true); tween = new Tween(e.target.parent,"scaleY",Strong.easeOut,e.target.parent.scaleY,0.3,0.3,true); tween = new Tween(e.target.parent,"x",Strong.easeOut,e.target.parent.x,lastX,0.3,true); tween = new Tween(e.target.parent,"y",Strong.easeOut,e.target.parent.y,lastY,0.3,true); tween.addEventListener(TweenEvent.MOTION_FINISH, zoomOutFinished); } } private function zoomInFinished(e:TweenEvent):void { zoomed = true; canClick = true; tween.obj.getChildAt(2).visible = true; } private function zoomOutFinished(e:TweenEvent):void { zoomed = false; removeChild(screen); tween.obj.getChildAt(0).addEventListener(MouseEvent.MOUSE_DOWN, dragImage); } } }addChild() takes only a DisplayObject instance as an argument, then you must do something like:
container.addChild(images[i]); container.addChild(images2[i]); images2[i].alpha = 0;
What is the best way to center an image on a page. I can't do that with a new CSS rule... I accomplished it by wrapping the image in an h1 since my h1 tag is centered, but something tells me that this is not the best way. No oh my new rules seem to work to get it centered and would appreciate any help certainly.
Howard
Example of source code:
< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml "> <!-InstanceBegin template="/Templates/maintemplate.dwt ' codeOutsideHTMLIsLocked = 'false'->
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
<!-InstanceBeginEditable name = "doctitle"-->
< title > Dreamscapes #1 - the story behind the Image < /title >
<! - InstanceEndEditable - >
<!-InstanceBeginEditable name = "head"->
< name meta = "robots" content = "index, follow" / >
<! - InstanceEndEditable - >
"< link href ="... /... "/ oneColFixCtrHdr.css" rel = "stylesheet" type = "text/css" / >
"< script src ="... /... "/ SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
"< link href ="... /... "/ SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
"< link href ="... /... ' / favicon.ico ' rel = "shortcut icon" / >
< / head >< body >
< div class = "container" >
< div class = "header" >
"< h1 > < img src ="... /... "/ Images/headerlogo/headerlogo.png" width = "515" height = "41" alt = "Howard Grill Fine Art Photography" / > < br / >
& quot;
See things in a different light & quot; < br / >
< / h1 >
< ul id = "MenuBar1" class = "MenuBarHorizontal" >
"< li > < a href ="... /... / index.html "> home < /a > < /li >"
"< li > < a href ="... /... ' / portfolios.html ' class = "MenuBarItemSubmenu" > < /a > portfolios
< ul >
"< li > < a href ="... /... / landscapes.html "> landscapes < /a > < /li >"
"< li > < a href ="... /... / pittsburghparks.html "> Pittsburgh parks < /a > < /li >"
"< li > < a href ="... /... / sceneinstone.html "> scene in stone < /a > < /li >"
"< li > < a href ="... /... / dreamscapes.html "> Dreamscapes < /a > < /li >"
"< li > < a href ="... /... / urban.html "> Urban < /a > < /li >"
"< li > < a href ="... /... / botanicals.html "> Botanicals < /a > < /li >"
"< li > < a href ="... /... / oddsnends.html "> Odds ' n ends < /a > < /li >"
< /ul >
< /li >
< li > < a href = "#" > Blog < /a > < /li >
"< li > < a href ="... /... / articles.html "> items < /a > < /li >"
"< li > < a href ="... /... ' / purchase.html ' class = "MenuBarItemSubmenu" > purchase < /a >
< ul >
"< li > < a href ="... /... / purchaseprints.html "> print < /a > < /li >"
"< li > < a href ="... /... / purchasefolios.html "> Folios < /a > < /li >"
"< li > < a href ="... /... / purchasenotecards.html "> cards < /a > < /li >"
< /ul >
< /li >
"< li > < a href ="... /... "/ about.html ' class ="MenuBarItemSubmenu"> on < /a >
< ul >
"< li > < a href ="... /... / bio.html "> Bio < /a > < /li >"
"< li > < a href ="... /... / contact.html "> Contact < /a > < /li >"
"< li > < a href ="... /... / mailinglist.html "> list < /a > < /li >"
"< li > < a href ="... /... / website.html "> website < /a > < /li >"
< /ul >
< /li >
< /ul >
< / div >
<! - end .header - >
< div class = "clear" > < / div >
<!-InstanceBeginEditable name = "MainContent" value->
< div class = "content" >
1 Dreamscapes < h1 > < / h1 >
"< h1 > < img src ="... /... "/ Images/storyimages/dreamscapes/dreamscapes1story.jpg" alt = "Dreamscapes #1" width = "800" height = "533" class = "centerimg" / > < / h1 > "."
< p > < / p >
< p > place: island of Sanibel, Florida, USA. < /p >
< p > place: Gulf of Mexico < /p >
< p > what effect surprising a zone plate can have on an image. The way it bends light seems to wrap the object in a soft light while giving a glow highlights. NET development is not possible, but the blurry appearance only adds to the mystery of the image. < /p >
< p > as I mentioned in the statement of the artist, I won't give my thoughts about what the images in this series mean to me, I would rather their interpretation open to the Viewer. I find it interesting that I've heard quite varied iterpretations of each of these pictures from different people. In each case the interpretation was based on the events of the life of viewers. The interpretation of these images is a personal experience and, in my mind, it's what makes them unique. < /p >
< p > < a href = "dreamscapes2story.html" > < img src = "... /.." "/ Images/pageimages/nextbutton.jpg" alt = "Next Image" width = "75" height = "20" class = "fltrtnoborder" / > < /a > < /p >
< p > < / p >
< p align = "center" >
< input type = "button" value = "Close window" onclick = "self.close (); "onkeypress ="self.close (); "/ >
< /p >
< / div >
<! - InstanceEndEditable - >
< div class = "footer" > © 2011 Howard Grill | "All rights reserved < span class ="footertextright"> < a href ="... /... "/ index.html" title = "Howard Grill photography Home Page" > home < /a > | "< a href ="... /... "/ contact.html" title = "Contact Howard Grill" > Contact < /a > <! - end .footer - > | "" "< a href ="... /... "/ sitemap.html" title = 'Site Map' > Sitemap < /a > < / span > < / div >
<! - end .container - > < / div >
< script type = "text/javascript" >
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
< /script >
< / body >
<! - InstanceEnd - > < / html >And the CSS file:
@charset "utf-8";
{body
margin: 0;
padding: 0;
color: #FFF;
do-family: Verdana, Arial, Helvetica, without serif.
do-size: 100%;
line-height: 1.4;
background-color: #888;
}/ * ~ ~ Tag of the element selectors ~ ~ *.
UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 100px;
}
H1, h2, h3, h4, h5, h6 {p}
margin-top: 0; / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */
padding-right: 15px;
padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */
}
. Container .header h1 {}
do-family: Verdana, Geneva, without serif.
do-size: 120%;
color: #4A 0404;
left margin:-17px;
margin-top: 10px;
make-style: italic;
make-weight: bold;
line-height: 140%;
}an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}
border: none;
}
/ * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */
a: link {}
color: #FFF;
text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.
}
a: visited {}
color: #FFF;
text-decoration: underline;
}
a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}
text-decoration: underline;
color: #A3A2A0;
}. Clear {}
Clear: both;
}
.clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}
Clear: both;
height: 0;
font size: 1px;
line-height: 0px;
}/ * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.
. Container {}
Width: 960px;
margin: 0 auto;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-bottom-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}/ * ~ ~ It's layout information. ~~
(1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.
*/
. Happy {}
background-color: #000;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
margin: auto;
do-family: Arial, Helvetica, without serif.
font-size: 105%;
border: 1px solid #FFF;
}/ * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.
. Header {}
background-image: none;
color: #4 has 0404;
text-align: center;}
/ * ~ ~ Footer ~ ~ * /.
.footer {}
do-size: 80%;
text-align: left;
padding-top: 8px;
padding-right: 0;
padding-bottom: 8px;
padding-left: 10px;
margin: 0px;
}
{.footertextright}
padding-left: 475px;
}
.footer a: link {}
color: #FFF;
text-decoration: underline;
}
.footer a: active {}
color: #4A 0404;
text-decoration: underline;
}.footer a: visited {}
color: #FFF;
text-decoration: underline;
}
.footer a: hover {}
color: #4A 0404;
}
/ * ~ ~ various float/clear classes ~ ~ * /.
.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
float: right;
margin left: 15px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */
float: left;
right margin: 15px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
H1 {}
text-align: center;
font-size: 175%;
padding-top: 15px;
}
H2 {}
do-size: 150%;
}
. Header img {}
padding-bottom: 15px;
padding-top: 0px;}
table {}}
.caption {}
make-style: italic;
text-align: center;
}{.italics}
make-style: italic;
do-size: 90%;
text-align: left;
}
{#form}
padding-left: 100px;
}
H3 {}
do-size: 110%;
}
{.centertext}
text-align: center;
}
{.centerimg}
text-align: center;
border: 2px solid #FFF;
}
{.fltlftnoborder}
float: left;
}{.fltrtnoborder}
float: right;
}hpg1 wrote:
What is the best way to center an image on a page.
http://cookbooks.Adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Maybe you are looking for
-
update not available with this Apple iPhoto ID
The title says it all, I can't update the iPhoto for several months now. Help, please I got a Mac mini with OS X El capitan
-
Upgrade memory on the Satellite L300 problem
My laptop is a Satellite L300 PSLB8A 047004. I bought a kit of 2 x 2 GB modules and inserted carefully following the instructions (they clicked in place). When the computer reboots, the power light comes on, the fan was on but no other activity and t
-
How can I reinstall a default audio sound on my dell?
My speakers do not work, so I looked in the device sounds and audio, audio and then its default playback device, but I have really nothing there. So I was wondering how can I reinstall one I had before. I can not find a disk or anything like that. He
-
I received an e-mail with a .pub file that will not open. What should I do to open it?
I am running windows vista and cannot open a file .pub into e-mail. He tells me I need to create an association of game to designate a program to open it, but I don't know how.
-
I have a problem with my location network cards and I can not find my LAN on my PC.
I can't find my LAN Hello! Im having trouble with the location of my network cards and I can not find my LAN on my pc - I have recently updated my software with phone system automated.
