PNG in a slideshow?

Similar Questions

• Text on slide show

  Y at - it a jQuery plugin that allows you to place text over a little slide show size? I see on this site that they also fell a file .png over the slideshow to the gradient seen at the bottom of the slide show.

  http://www.kcchiefs.com/

  Seek and you will find: jQuery slider with legends

  http://bxSlider.com/examples/image-slideshow-captions

• Jpg in the slideshow widget is converted to PNG

  I'm setting up a slide show to a series of JPG files that I don't want to NOT resized or altered in any way during the export.  If I PLACE a JPG image in a page, add a shadow and then export, I always get the JPG original and shadow is handled by CSS.  So far so good.  However, when I install a slideshow (with a picture frame that is larger than any of the incoming images so that no resizing of the image occurs), then add a shadow on the picture frame, then export, I get PNG files instead of the original JPG files .

  This is not good, since the PNG files are MUCH more important.  I do not understand why MUSE is inconsistent here... it seems to me that if the PLACE can result in the shadow is handled by CSS, so why not in the slide show?

  Is it possible to have a shadow (via CSS) in a slideshow widget and also export the JPG of origin instead of a PNG file?

  When a picture does not fill it is not the whole framework, the region, which it does not is considered to be transparent. In the current implementation of Muse, Muse no particular case a rectangular opaque region (which may cast a shadow using a CSS shadow) and a non-rectangular (which can not throw the correct shadow systematically in all popular browsers using CSS). So Muse converts the image into a PNG image to add the drop shadow.

  Call it a bug, a limitation or simply something that we have not learned to yet, but if the rectangle containing the images of bits is smaller than the frame it is displayed in, when a shadow is cast it true by converting the bits in PNG and adding shadow (even if in the case of image pieces rectangular simple CSS drop shadow would work and be preferable).

• How to superimpose a video or a slideshow with a single image (e.g. logo / *.png)

  I try to superimpose a video or a slideshow with a single image (e.g. logo / *.png) when I saw the file "adobe content viewer" logo file disappears, until the video has finished playing. any ideas?

  Thanks a lot - rgds - thomas
  

  The so-called overlays for a reason. You can't put static content over interactive content.

  Convert OSM logo and set it to play once in the Panel inlays folio. Who will be force him upward.

• Is there a microsoft program that allows to take clips from a DVD movie and put them in a slideshow?

  I'm looking for an easy way take the pieces of a family movie DVD family then put them in a slideshow.  Is there an easy program to allow me to do this?

  You want screenshots (fixed plans) or do you want to video clips?

  In fact, the free VLC Media Player can do one or the other.

  (FWIW... it's always a good idea to create a system)
  Restore point before installing software or updates)

  VLC Media Player
  http://www.filehippo.com/download_vlc/
  (works on XP/Vista/7)

  For the installer for your screen Capture... Open VLC and
  Reach... Tools / Preferences / video button / video
  Instant image section.

  In the directory field... Search for and select a folder
  to save your captures po (for example... you could
  Create a new folder on your desktop and select)

  TO... Prefix... check the box... Sequential numbering.

  TO... Format, choose JPEG or PNG.

  Finally... on the left, click on the Save"" button.

  Now... Play the video and pause by pressing on your
  SPACEBAR when you see an image you want to capture.

  (Tip: you can play a video in VLC by right-clicking the)
  video clip and choose... in the menu «Play witn VLC»
  Media Player')

  To capture the image... type...  SHIFT + S

  Press the SPACEBAR to advance the video... ect... etc...
  (also... you can left click / drag the seek bar left or right)
  to reposition the video).

  Also... VLC Media Player allows to record during video playback
  and will save the segment when you stop recording. It comes
  very useful if you need a small clip of a larger video file.

  VLC 1.0 records video of the DVD
  http://Lifehacker.com/5318807/VLC-10-records-video-from-DVDs

• Custom buttons of Muse slideshow Widgets.

  I do Muse custom slide show buttons using art PSD or PNG? For example, I want to do a "next slide" button by using an image with preference with the States of the mouse.

  See this forum post How to customize the prev buttons and following separately in a slideshow? to better understand.

• Slideshows are very slow loading and sometimes cling to images?

  I had a problem with slideshow not loading or getting hung up on images. I tried it on several computers and having the same problem on all of them, I optimized my images for the web and no image is longer then 1.5 MB. I don't know what to do at this point.

  www.raswimmers.com

  A few tips:

  (1) avoid using system fonts.

  Your main menu and perhaps other text blocks, use system fonts. When a system font is used the block of text is converted to an image. This result in a request to the server by the text block, which slows down the loading of the page. If possible, use a Web font. If the edge of the Web fonts do not include a suitable font, then consider using a font 'Web Safe'. Only as a last resort, use a system font.

  (2) when a masked image is on a solid background, Cook the solid background in the image. This will make the opaque image that would be encoded as JPEG rather then PNG. For a photographic image, JPEG is generally 1/5th the size of the transparent PNG original without significant reduction in the quality of the image.

  (3) for the images of the full slide show screen, use enregistrer to save for Web in Photoshop, then select setting the lowest quality and compact size you can tolerate in terms of image quality. Your images are 2048 on the long side and about 'high' quality JPEG. You can consider if 'Medium' is tolerable. It's always a compromise of image quality performance and page load.

  1.5 MB for a single image is a bit. In general, a good goal for an entire web page is to aim for 2-3 MB in total. Average U.S. broadband speed is equivalent to about 900 k per second downloads with the average is higher on the sides and lower the Central US. Thus, a single 1.5 image will take a few seconds to download.

  In the case of a slideshow Muse will load the image with the page, and then load the other images in the background after the page loaded, so in general, you can just have images in a slide show beyond the data total guideline of 2-3 MB.

  If you encounter a case where a slide show is at a standstill, please send us the URL of the page so that we can investigate.

• a href for imageshack slideshow image works but not from google reader

  Some of my files image loading slow enough from my server, so I decided to host them elsewhere, I tried imgshack but they compress the image, so I just downloaded on my google reader, but once I add google url of readers for this file it comes up with an error (well worked with the url to imageshack).

  

  Link Google Drive:

  http://drive.Google.com/UC?export=view & ID = 0B8UhkqE2KgybcnNIXzVSM2MxVHc

  Imageshack link:

  http://img7.imageshack.us/img7/5396/mxur.jpg

  Link to website (first image):

  http://dkphotos.net/portfolio/Studio%20Photography/outdoor/outdoor%20Studio%20Photography. HTML

  HTML:

  <! doctype html >

  < html >

  < head >

  < link rel = "shortcut icon" href = "favicon.ico" > "

  "< link rel ="icon"type =" image/gif"href ="... /... "/ animated_favicon1.gif" >

  < title > < /title > outdoor photography Studio

  < meta charset = "UTF-8" >

  < link rel = "stylesheet" type = "text/css" href = "layout.css" >

  < /script >

  "< script src="js/jquery-1.7.2.min.js "> < / script >

  "< link rel ="stylesheet"type =" text/css"href="js/lightbox/themes/carbono/jquery.lightbox.css "/ >

  <!-[if IE 6] >

  "< link rel ="stylesheet"type =" text/css"href="js/lightbox/themes/carbono/jquery.lightbox.ie6.css "/ >

  <! [endif]-->

  "< script type =" text/javascript"src="js/lightbox/jquery.lightbox.min.js "> < / script >

  < style type = "text/css" >

  a {}

  font size: 15px;

  Color: #777777;

  }

  body, td, th {}

  font size: 15px;

  color: #444444;

  do-family: 'slab of Josefin;

  }

  a: link {}

  text-decoration: none;

  }

  a: visited {}

  text-decoration: none;

  color: #444444;

  }

  a: hover {}

  text-decoration: none;

  color: #60baec;

  }

  a: active {}

  text-decoration: none;

  color: #444444;

  }

  < / style >

  < script type = "text/javascript" >

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

  If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

  }

  function MM_swapImgRestore() //v3.0 {}

  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

  }

  function MM_findObj (n, d) {//v4.01

  var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

  d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

  If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

  for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

  If (! x & & d.getElementById) x = d.getElementById (n); Return x;

  }

  function MM_swapImage() {//v3.0

  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

  If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

  }

  < /script >

  < style >

  UL {}

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  }

  Li {}

  float: right;

  }

  a {}

  display: block;

  font size: 15px;

  color: #444444;

  Police-weight: 400;

  }

  Li {}

  margin-right: 30px;

  }

  body, td, th {}

  Police-family: josefin-slab;

  make-style: normal;

  Police-weight: 400;

  font size: 15px;

  color: #444444;

  }

  a: link {}

  text-decoration: none;

  }

  a: visited {}

  text-decoration: none;

  color: #444444;

  }

  a: hover {}

  text-decoration: none;

  color: #60baec;

  }

  a: active {}

  text-decoration: none;

  color: #444444;

  }

  < / style >

  <!-the following script tag downloads a font of Adobe Edge Web server fonts to use in the web page. We recommend that you do not modify it.-->

  < script > var __adobewebfontsappname__ = "dreamweaver" < /script >

  " < script src =" http://use.edgefonts.NET/Josefin-slab:N1, N4:default.js "type =" text/javascript"> < / script > "

  < / head >

  < div class = "wrapOverall" >

  < body text = "#444444" link = "#444444" vlink = "#60baec" alink = "#444444" >

  < div class = 'container' id = "header container" >

  "" "< div class ="header"> < a href ="... / Studio Photography.html "> < img src =" images/Home - Page_03.png"name ="Logo"width ="448"height ="69"class ="logo"id ="Logo"onMouseOver =" MM_swapImage ("Logo","' images/home_03-roll - over.png', 1) ' Mm_swapimgrestore ' border = '0' / > < /a > < / div >

  < div class = "navMain" >

  < div class = "navMain" >

  < /li >

  < ul class = "navBar".

  style = "width: 530px;" float: right; Police-weight: 400; Police-family: josefin-slab; make-style: normal; ">

  "< li > < a href ="... /... /.. / Contact/Contact.html "> CONTACT < /a > < /li >"

  < li > < a href = "" > BLOG < /a > < /li >

  "< li > < a href ="... /... /.. / About/About.html "> ON < /a > < /li >"

  < li > < a href = "" > PRICING < /a > < /li >

  "< li > < a href ="... /... / Portfolio.html "> PORTFOLIO < /a > < /li >"

  "< li > < a href ="... /... /.. / Home/Home.html "> HOME < /a > < /li >"

  < /ul >

  < / div > <! - END navMain - >

  < / div > <! - logo END - >

  < / div > <!--END header-->

  <! - MAIN CONTENT - >

  < div class = "slideshow" >

  " < a href =" http://Drive.google.com/UC?Export=View & ID = 0B8UhkqE2KgybcnNIXzVSM2MxVHc "class ="lightbox"rel ="group1"> < img src =" images/image - 1 T .jpg "style =" float: left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 2.jpg"class ="lightbox"rel ="group1"> < img src =" images/image - 2T .jpg"style =" float: left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 3.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 3T .jpg' style = «» float: left; "width ="100"height ="100"border ="10"> < /a > <! - END_IMG - > < a href =" images/image - 4.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 4t .jpg' style =" float: left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 5.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 5T .jpg' style ="float ". : left; "width ="100"height ="100"border ="10"> < /a > <! - END_IMG - > < a href =" images/image - 6.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 6 T .jpg' style =" float: left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 7.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 7 T .jpg' style ="float ". : left; "width ="100"height ="100"border ="10"> < /a > <! - END_IMG - > < a href =" images/image - 8.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 8T .jpg' style =" float: left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 9.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 9 T .jpg' style ="float ". : left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 11.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 11 T .jpg' style =" float: left; "width ="100"height ="100"border ="10"> < /a > <! - END_IMG - > < a href =" images/image - 12.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 12 T .jpg' style ="float ". : left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - > < a href =" images/image - 13.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 13 T .jpg' style =" float: left; "width ="100"height ="100"border ="10"> < /a > <! - END_IMG - > < a href =" images/image - 14.jpg"class ="lightbox"rel ="group1"> < img src = ' images/image - 14t .jpg' style ="float ". : left; "width ="100"height ="100"border ="10"> < /a > <! - END_IMG - > < a href =" images/image - 15.jpg"class ="lightbox"rel ="group1"> < img src =" images/image - 15t .jpg"style =" float: left; "width ="100"height ="100"border = '10' > < /a > <! - END_IMG - >

  < / div >

  <! - END MAIN CONTENT - >

  < div id = "containerFooter" >

  < div id = "Box1" style = "font family: 'Josefin slab'" >

  < p > all content < span style = "do-size: 20px" > to </span > 2013 DKphotos < /p >

  < / div > <!--end Box1 - >

  < div id = "Box2" >

  < p > < script type = "text/javascript" >

  BeginOAWidget_Instance_2149022: #OAWidget

  var urlToLike = ' http://www.facebook.com/DKphotos.net';

  If (urlToLike == ") {}

  urlToLike = window.location.href;

  }

  urlToLike = encodeURIComponent (urlToLike);

  var font = encodeURIComponent ('arial');

  document.write (' ' < iframe src = "http://www.facebook.com/widgets/like.php?locale=en_US & href = ' + urlToLike + ' & layout = button_cou nt & show_faces = false & width = 450 & height = 150 & action = like & font =" + police + & colorscheme = light"scrolling =" "frameborder ="0"allowTransparency ="true"style =" border: none; ") border-color: #ffffff; overflow: hidden; width: 450; height: 150 "(>< / iframe >') "

  EndOAWidget_Instance_2149022

  < /script >

  < / div > <!-END fbLike-> < /p >

  < / div > <!--end Box2 - >

  <! - float clearing - >

  < hr class = "compensation" / >

  < / div > <! - end container - >

  < / div > <! - END wrapOverall - >

  < script type = "text/javascript" >

  {jQuery (document) .ready (function ($)}

  $('.lightbox').lightbox ();

  });

  < /script >

  < / body >

  < / html >

  CSS:

  @charset "utf-8";

  / * CSS document * /.

  {body

  background - image: URL(images/bg_body.jpg);

  background-color: #ffffff;

  background-attachment: fixed;

  background-position: top;

  }

  {.wrapOverall}

  Width: 1920px;

  display: inline;

  }

  {} ul.navBar

  margin: 0px 0px 18px 0px;

  padding: 0;

  white-space: nowrap;

  Width: 950px;

  Overflow-x: auto;

  Display: inline-block;

  }

  ul.navBar li {}

  Display: inline;

  }

  {img.logo .header

  float: left;

  margin: 0px 15px 0px 15px;

  }

  . Container {}

  min-width: 1050px.

  padding-bottom: 100px;

  }

  .slideshow {}

  left margin: 20px;

  margin-right: auto;

  Clear: both;

  }

  {#containerFooter}

  Width: 100%;

  min-width: 650px;

  Max-width: 100%;

  }

  {#containerFooter}

  do-family: Verdana, Arial, Helvetica, without serif.

  border: 0;

  Auto margin: 0; / * centered * /.

  overflow: hidden; / * float containment * /.

  }

  #Box1 {#Box2}

  Width: auto;

  min-height: 10px;

  border: 0;

  / * to reduce the float drop issues in IE * /.

  dressing: break-Word;

  }

  #Box1 {margin left: 8px; float: left ;}}

  #Box2 {margin left: 20px; float: left ;}}

  / * Clear floats after boxes * /.

  {.clearing}

  Clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 1px;

  Display: block;

  }

  {.cycle-slide show

  Width: 100%;

  min-width: 1000px;

  Max-width: 100%;

  padding-top: 100px;

  z-index:-1;

  }

  {#containerFooter}

  Width: 100%;

  float: left;

  }

  {#containerFooter}

  position: fixed;

  low:-145px;

  z index: 500;

  background-color: #FFF;

  }

  Problem solved, added .jpg for the link because apparently lightbox is html nuderstand links

  https://doc-0s-7g-docs.googleusercontent.com/docs/securesc/ug2dl6ngof2hegen9nqlvc6a6de2d91 a/ma2qhmo857gb9saqje9fllntlrdl6jkg/1376942400000/10099564583573154067/10099564583573154067 /0B8UhkqE2KgybcnNIXzVSM2MxVHc? e = view & h = 16653014193614665626 & nonce = 6p4h7ef1u0o2a & user = 10099 564583573154067 & hash = t49tp4bkne0vevvips3l5f7flvp8bkvv.jpg"class ="lightbox"rel ="group1"> "

• Slideshow Images resized my Muse

  Why muse changed my web optimized slideshow JPG in PNG, which is 10 times the size of the file?

  See this thread for a possible reason why Muse would transform your JPG in PNG - http://forums.adobe.com/message/5533066.

  Thank you

  Vinayak

• Bumps and accuse drag on a page of the slideshow.

  Hello

  Sorry for my English. I'm a Brazilian designer and I develop folios for iPad.  I met a problem when using overlays of slideshow on my folios.

  Each page with an active MSO slide show slide well. Sometimes it sticks to finger movement, but bounces back to the page of the slideshow. Sometimes, he accuses a delay and bumps of the transition and never turns the page.

  I noticed that this happens only the first scan after I enter the article. Then he turns the page naturally the second sweep. When I sweep out of the article and come back to the issue article, it happens again: the first shot goes down and the others are not.

  Tested on happy viewer for iPad on the iPad 2 and 3.

  I would like to know if it's only a viewer problem - and folio will perform well when published - or if there is no work around for this problem. Otherwise, I'll have some work avoiding overlays of slide show.

  I already tried to change the names of the layers and States of the object - get rid of spaces and numbers, as I saw it on some forum posts. Tried different types of content (such as images, vectors, nested overlays). and apparently not having something to do with the content of ASM. Disable all options of creator of overlay that actually activate the slide show (automatic playback, tap for reading / pause, change) makes the problem disappeared.

  If it is a real bug, could someone help me it reports? Do not know if a post on the forum serves as a bug report.

  Thanks in advance.

  Cleber Sant

  Is your article PDF format? If so, this is a known issue. You can work around it by turning off the "Enable PDF zoom" setting when you build your custom in DPS App Builder application (it's in the settings App > section show Advanced Options). Or you can create your article in PNG.

  Neil

• JQuery Slideshow inside a tank made in photoshop?

  Is this possible?

  my 'container' is a banner for the top of the page of Web sites. It has been cut with a border around it and information within the banner.

  I would like to know how I can kind of get a slide show inside this container, I have positions, all together and I have 3 test photos, I can use.

  Also, I would like to know if it is possible to integrate a navigation bar created in fireworks in a right to the empty space under the banner, or I would be better to make this transparent area and just move the bar in dreamweaver until it is where I want to?

  It is a bit complicated, but all I really want to know is can I do where my static image is currently in a slide show. I have already composed slideshow, it works correctly how I want it.

  Thanks for any help, I'm not dead set on the slide show I like it may not work. But if push comes to shove I will rig it so it does not hahaha.

  I do it all the time.

  To make the slide show, I use jQuery and Cross-Slide Tobia Conforto for jQuery plugin. There are instructions here and also has links to download jQuery.

  I place cross-Slide and jQuery in a js folder in the Web site. It will be uploaded to the server with the rest of the site.

  Then in Photoshop, I use the save for Web and devices to create JPEG, GIF or PNG files that are of suitable size for the site. If I need a text over the top image or a logo or other elements, I set above a layer in Photoshop and change underlying images below these layers to constitute a series. You can see an example of this type of layering here.

  As you can see from this example, I indicated for images, all in a div which is just above the navigation.

  The JavaScript code that makes the blades to change is here:

  The div with the slide show is called #topslide. I have the names of 'generic' for each photo, so if my client does not like #3 of the series, it is easy to just make a new one and save it in my folder/images/banner, then download.

  One thing to notice is that, after the call to HR-Chiro - Masthead04.jpg there is no comma. This is essential, because Internet Exploder will only show you the slideshow if you leave only by commas. Other browsers will be.

• Integrated personalized with slideshow banner

  Hello, I have a simple question for you all, I hope that I can get an answer and I hope I can do that I guess how it.

  I have a simple banner with a gradient type border is about and the name of the school and address and phone fax number on the lower part with the logo 'w '.

  I'm looking to keep all this content and add in a sort of slide show of dynamic type curvy inside, make the slideshow at the same height as the banner, probably to the logo 'w' on the other side or something like that. probably looking at using a simple slide show Jquery which just scrolls the images and lets define me what size I want and how fast I want to scroll the ect.

  Then I need to take the banner of photobucket, in dreamweaver. IM assuming that I can mate the slideshow section and the section of the banner in photobucket, making some types of cuts off area where the slide show will go. I don't think I can put the jquery slideshow in photobucket.

  If you have any questions do not hesitate to ask, I don't really know how else to explain it, I might try a few models in paint later, right now I can not access photobucket at the school. Ironic.

  You don't need Flash for this.  Just create a few images of the same size in your graphics application (Fireworks or Photoshop).  Save for web in jpg or png in your local site of DW folder.

  Use jQuery Cycle to turn them.

  http://jQuery.malsup.com/cycle/

  Nancy O.

  ALT-Web Design & Publishing

  Web | Graphics | Print | Media specialists

  http://ALT-Web.com/

  http://Twitter.com/ALTWEB

• Lining of the divs to the top, one with a fireworks html code with a jQuery slideshow

  I'm having a problem lining up two div in a div.  A div has an HTML inside fireworks (by the way, I can't understand why only the button States are not ' work.)  I inserted the code via the Insert menu > image objects > fireworks html, but for some reason, the work of button States.  When I open the navbar.htm in the file browser, it opens it in dreamweaver and it works perfectly in the live preview).  The other div has a simple jQuery slideshow.  I have these two div in comprehensive plu div named 'div id = wrapper.  How can I match these so that the nav div and body div flush against each other within the wrapper div tag?

  I intend to put the extra divs above and below the div wrapper for more content.  If someone understand why the fireworks html code does not work when inserted, would be great!

  Here is the 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 ">

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

  < title > Richard J. Craddock Designs < /title >

  < script type = "text/javascript" >

  var _gaq = _gaq. [];

  _gaq.push (['_setAccount ',' UA-3119473-8 ""]);

  _gaq.push (['_setDomainName ', 'none']);

  _gaq.push (["_setAllowLinker", true]);

  _gaq.push (['_trackPageview ']);

  (function() {}

  GA var = document.createElement ('script'); GA.type = ' text/javascript '; GA. Async = true;

  ga.src = ("https:" == document.location.protocol? ) https://SSL ' : ' http://www ( ') + «.google-analytics.com/ga.js ";

  var s = document.getElementsByTagName ('script') [0]; ParentNode.InsertBefore (ga, s);

  })();

  < /script >

  < link href = "stylesMain.css" rel = "stylesheet" type = "text/css" / > "

  < style type = "text/css" >

  {body

  background-color: #2f2f2f;

  width: 50 Ms.

  }

  . FadeIn {position: relative; height: 332px; width: 500px ;}}

  . FadeIn img {}

  position: absolute;

  left: 0px;

  top: 0px;

  width: 784px;

  } td img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}} TD img {display: block ;}}

  < / style >

  "< script src="scripts/jquery.min.js "> < / script >

  < script >

  $(function() {})

  $('.fadein img:gt(0)').hide();)

  setInterval (function () {$('.fadein_:_first-child').fadeOut ().next('img').fadein () .end () .appendTo ('.fadein');}, 3000);

  });

  < /script >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "navdiv" >

  < table style = "" display: inline-table; "border ="0"cellpadding ="0"cellspacing ="0"width ="148">"

  <!-fwtable fwsrc = "craddocknavbar.png" fwpage = "Page 1" fwbase = "craddocknavbar.jpg" fwstyle = "Dreamweaver" fwdocid = "1729580248" fwnested = "0" - > "

  < b >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="148"height ="1"border ="0"id ="undefined_2"/ > < table >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="1"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  " < td > < a href =" http://www.rjcraddockdesigns.com/Company profile.php "target ="_self"onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'craddocknavbar_r1_c1_s1',' images/craddocknavbar_r1_c1_s2. jpg', 'craddocknavbar_r1_c1_s4.jpg', 1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'craddocknavbar_r1_c1_s1', ' images/craddocknavbar_r1_ c1_s3.jpg', 1);" > < img name = "craddocknavbar_r1_c1_s1" src = "images/craddocknavbar_r1_c1_s1.jpg" width = "148" height = "65" border = "0" id = "craddocknavbar_r1_c1_s1" alt = "" Richard J. Craddock, landscaping to Nantucket: company profile "/ > < /a > < table > "

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="65"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  " < td > < a href =" http://www.rjcraddockdesigns.com/services.php "target ="_self"onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'craddocknavbar_r2_c1_s1',' images/craddocknavbar_r2_c1_s2. jpg', ' images/craddocknavbar_r2_c1_s4.jpg', 1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'craddocknavbar_r2_c1_s1', ' images/craddocknavbar_r2_ c1_s3.jpg', 1);" > < img name = "craddocknavbar_r2_c1_s1" src = "images/craddocknavbar_r2_c1_s1.jpg" width = "148" height = "65" border = "0" id = "craddocknavbar_r2_c1_s1" alt = "" Richard J. Craddock, landscaping to Nantucket: Services "/ > < /a > < table > "

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="65"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < b >

  "< td > < img name ="craddocknavbar_r3_c1_s1"src ="images/craddocknavbar_r3_c1_s1.jpg"width ="148"height ="395"border ="0"id ="craddocknavbar_r3_c1_s1"alt =" "/ > < table >

  "< td > < img src =" images/spacer.gif"alt =" "name ="undefined_2"width ="1"height ="395"border ="0"id ="undefined_2"/ > < table >

  < /tr >

  < /table >

  < / div >

  < div id = "bodydiv" >

  < div class = "fadein" >

  "< img src="images/slideshow/1jquery.jpg ">

  "< img src="images/slideshow/2jquery.jpg ">

  "< img src="images/slideshow/3jquery.jpg ">

  "< img src="images/slideshow/4jquery.jpg ">

  "< img src="images/slideshow/5jquery.jpg ">

  "< img src="images/slideshow/6jquery.jpg ">

  "< img src="images/slideshow/7jquery.jpg ">

  "< img src="images/slideshow/8jquery.jpg ">

  < / div >

  < / div >

  < / div >

  < div id = "navigationlower" >

  " < p > < a href =" http://www.rjcraddockdesigns.com/index.php "title =" Home Page models Richard J. Craddock "" > home < /a > - < a href = " " http://www.rjcraddockdesigns.com/company "" profile.php ' title 'Richard J. Craddock Designs' = > profile < /a > - < a href = " http://www.rjcraddockdesigns.com/services.php "title =" Richard J. Craddock Designs "> Services < /a > < /p > "

  < strong > Richard J. Craddock Designs, 2011 < facilities > < / p >

  " < p > < strong > < a href =" http://cwws.org "title = 'Web of common wealth Solutions' target ="_new"> Designed by CWWS < /a > < / strong > < / p > "

  " < p > < a href =" https://www.Facebook.com/RJCLandscapeDesigns "> < img src ="facebook icon.png"width ="60"height ="60"/ > < /a > < /p > .

  < / div >

  < / body >

  < / html >

  Layout 2-column next looks a lot like what you're aiming for.

  View source in the browser to see the CSS & HTML code.

  http://ALT-Web.com/templates/2-Col-fixed-layout.shtml

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• .png transparency problem with the underlying layer control

  I have an opaque orange rectangle with a clear square cut uneven in it through which I display a slideshow (slide show Image Spry) and it works fine except that I can't control the slide show with my cursor. I can control the slide show very well when it is above the rectangle, but I want the cutting action as a frame on the top of the slide show.

  Transparency is the .png, similar to a sheet of glass? If so I can access the controller somehow through the "glass" with some added code?

  Hello

  You cannot place a 'sex' on the slideshow, as this 'layer', (what is an ap div?) then "will be the focus" above the slideshow and anything under this, (the slide show controls) will be selectable.

  You can program your own events in javascript handlers to control the slide show, but it will require you to have a reasonable understanding of javascript programming.

  PZ

• Transparent PNG to overlay loaded dynamically Gallery

  Hi guys,.

  I hope I can explain it properly. The current movie can be seen at http://209.240.138.77/

  There are buttons on each side that parade the images loaded dynamically left and right. The script is compiled from external IN the file I pasted below.

  What I have to do is to load a transparent PNG images above, but below the buttons. I inserted a chart below. I tried to insert the png directly in the timeline as well as dynamically load in to a clip. The fate always the overlay on the bottom. Any ideas?

  See you soon,.

  Quinn

  

  package {}
  import flash.display.MovieClip;
  import flash.display.Loader;
  Import 12345678910111213import;
  import flash.display.BitmapData;
  import flash.display.StageAlign;
  import flash.display.StageScaleMode;
  import flash.display.DisplayObject;
  import flash.display.LoaderInfo;
  import flash.events.Event;
  import flash.events.IOErrorEvent;
  import flash.events.MouseEvent;
  to import flash.events.ProgressEvent;
  import flash.net.navigateToURL;
  import flash.net.URLRequest;
  import flash.net.URLLoader;
  import flash.net.URLRequest;
  import flash.display.Sprite;
  import flash.text.TextField;
  import flash.text.StyleSheet;
  import flash.text.AntiAliasType;
  import flash.text.TextFieldAutoSize;
  import flash.text.TextFormat;
  import com.hybrid.ui.ToolTip;
  import com.apdevblog.ui.video.ApdevVideoPlayer;
  import com.apdevblog.ui.video.style.ApdevVideoPlayerDefaultStyle;
  Import caurina.transitions.Tweener;
  Import caurina.transitions.properties.DisplayShortcuts;
  Import caurina.transitions.properties.FilterShortcuts;
  Import caurina.transitions.properties.ColorShortcuts;
  
  SerializableAttribute public class Main extends MovieClip {}
  
  the constructor function
  public void Main (): void {}
  If init() (stage);
  of another addEventListener (Event.ADDED_TO_STAGE, init);
  }

  private var paramObj: Object;
  optional xml path
  private var xmlPath: String = "xml/gallery.xml;
  the stage size
  private var sw: number;
  private var sh: number;
  private void init(e:Event=null):void {}
  paramObj = LoaderInfo (this.root.loaderInfo) .parameters;
  for (var i in paramObj) {}
  xmlPath = String (paramObj [i])? String(paramObj[i]):xmlpath;
  }
  
  loadXML (xmlPath);
  DisplayShortcuts.init ();
  FilterShortcuts.init ();
  ColorShortcuts.init ();
  internship. Align = StageAlign.TOP_LEFT;
  stage.scaleMode = StageScaleMode.NO_SCALE;
  stage.addEventListener (Event.RESIZE, resizeHandler)
  SW = stage.stageWidth;
  SH = stage.stageHeight;
  }
  
  the xml loader
  private var _xmlLoader: URLLoader;
  private void loadXML(s:String):void {}
  loading the xml for news here
  _xmlLoader = new URLLoader();
  _xmlLoader.load (new URLRequest (s));
  _xmlLoader.addEventListener (Event.COMPLETE, completeXML);

  }
  
  private var _xml: XML;
  store the thumbnail
  private var thumbArr: Array = [];
  the number of items
  private var itemNum: number = 12;
  store the type of the element
  private var typeArr: Array = [];
  store the size of the media of the item file
  private var sizeArr: Array = [];
  store the location of the media of the item file
  private var urlArr: Array = [];
  color of the link in the content
  private var linkColor: String;
  store the location of the link
  private var linkArr: Array = [];
  the thumbnail title
  private var titleArr: Array = [];
  How to open the link
  private var _target: String;
  
  the number of columns of thumbnails
  private var columns: number;
  size of the thumbnail
  private var thumbWidth: number;
  private var thumbHeight: number;
  filling between each thumbnail
  private var thumbPadding: number;
  value of the assets of the image/video
  private var assetWidth: number;
  private var assetHeight: number;
  store the legend
  private var captionArr: Array = [];
  
  analyze the data
  private void completeXML(e:Event):void {}
  _xml = new XML (e.target.data);
  _xml. IgnoreWhitespace = true;
  itemNum = _xml.item.length ();
  Columns = Number (_xml.@columns);
  thumbWidth = Number (_xml.@thumbWidth);
  thumbHeight = Number (_xml.@thumbHeight);
  thumbPadding = Number (_xml.@thumbPadding);
  assetWidth = Number (_xml.@assetWidth);
  assetHeight = Number (_xml.@assetHeight);
  linkColor = [email protected] ();
  _target = [email protected] ();
  for (var i = 0; i < itemNum; i ++) {}
  thumbArr [i] = (_xml.item[i].@thumbnail);
  titleArr [i] = (_xml.item[i].@title);
  typeArr [i] = (_xml.item[i][email protected] ());
  _Object var: Object = new Object();
  _Object.width = _xml.item[i].@width;
  _Object.height = _xml.item[i].@height;
  sizeArr [i] = _object;
  urlArr [i] = _xml.item[i].@url;
  linkArr [i] = _xml.item[i].@link;
  captionArr [i] = _xml.item [i] .text () m:System.NET.SocketAddress.ToString ();
  }
  _xmlLoader.removeEventListener (Event.COMPLETE, completeXML);
  _xmlLoader = null;
  initUI();
  }
  
  store the thumbnail in a container
  private var thumbContainer: Sprite = new Sprite();
  width of the thumbnail box
  private var thumbContainerWidth: number;
  the navigation arrows
  private var nextBtn: ArrowButton = new ArrowButton();
  private var preBtn: ArrowButton = new ArrowButton();
  store the arrows in a container
  private var btnContainer: Sprite = new Sprite();
  store the miniature gripper
  private var thumbClipContainer: Sprite = new Sprite();
  size of the boder hover
  private var borderSize: number = 0;
  store the border
  private var borderArr: Array = [];
  see the thumbnail now or the active
  private var isThumb: Boolean = true;
  
  store the image or the active video
  private var assetContainer: Sprite = new Sprite();
  store the active clip
  private var assetClipArr: Array = [];
  which image/video is view now
  private var currentAssetNum: number = 0;
  
  the text of the legend style
  private var textStyle: StyleSheet = new StyleSheet();
  initialize the text style
  private function initText (): void {}
  var hoverObj: Object = new Object();
  var linkObj: Object = new Object();
  var bodyObj: Object = new Object();

  linkObj.color = "#00FFFF";
  linkObj.textDecoration = "underline";
  bodyObj.fontFamily = "Arial";
  bodyObj.color = "#FFFFFF";
  bodyObj.letterSpacing = '0 '.
  bodyObj.leading = "4px";
  bodyObj.textAlign = 'left ';
  bodyObj.fontSize = 11;
  hoverObj.color = "#FFFFFF".
  hoverObj.textDecoration = "underline";
  textStyle.setStyle ("body", bodyObj);
  textStyle.setStyle ("a: link", linkObj);
  textStyle.setStyle ("" a: hover ", hoverObj");
  }
  
  store the caption element
  private var captionClipArr: Array = [];
  Store the image loader
  private var imageLoaderArr: Array = [];
  How image loader
  private var imageLoaderNum: number = 0;
  store the location of the image
  private var imageURLArr: Array = [];
  Ranger miniature charger
  private var thumbLoaderArr: Array = [];
  Add thumbnail image and video assets, etc. to the scene
  private function initUI (): void {}
  initText();
  addChild (thumbContainer);
  thumbContainer.addChild (thumbClipContainer);
  thumbContainerWidth = columns * (thumbWidth + thumbPadding)-thumbPadding;
  Add the tiles on the stage
  for (var i: int = 0; i < itemNum; i ++) {}
  var _shape: Sprite = new Sprite();
  _shape. Name = I.ToString;
  _shape. Graphics.beginFill (0x000000,. 4);
  _shape. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
  _shape. Graphics.endFill ();
  
  var ld: Loader = new Loader();
  LD. Load (new URLRequest (thumbArr [i]))
  _shape. AddChild (LD);
  thumbLoaderArr [i] = ld;
  var _border: Sprite = new Sprite();
  _border. Graphics.beginFill (0xFFFFFF, 0);
  _border. Graphics.LineStyle (borderSize, 0 x 191919);
  _border. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
  _border. Graphics.endFill ();
  _border.Alpha = 0;
  borderArr [i] = _border;
  _shape. AddChild (_border);
  /*
  Tweener.addTween (_shape, {_DropShadow_blurX:16, _DropShadow_blurY:16, _DropShadow_angle:90, _DropShadow_distance:4, _DropShadow_alpha:.4, time: 3});
  */
  thumbClipContainer.addChild (_shape);
  _shape.x is thumbPadding + i *(thumbWidth+thumbPadding);.
  _shape.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  var s: Sprite = e.currentTarget as Sprite;
  var n: number = Number (s.name);
  {if(titleArr[n]!="")}
  var tf: TextFormat = new TextFormat();
  TF. Bold = false;
  TF. Size = 12;
  TF. Leading = 1;
  TF. Color = 0 x 333333;
  var tt:ToolTip = new ToolTip();
  TT. Align = "center";
  tt.titleFormat = tf;
  TT. Hook = true;
  tt.cornerRadius = 0;
  tt.autoSize = true;
  TT. Show (s, titleArr [n]);
  
  }
  
  Tweener.addTween (borderArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  _shape.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  var s: Sprite = e.currentTarget as Sprite;
  var n: number = Number (s.name);
  Tweener.addTween (borderArr [n], {alpha: 0, time: 4, transition: "easeOutSine"})
  })
  / * Remove click event
  _shape.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  var s: Sprite = e.currentTarget as Sprite;
  var n: number = Number (s.name);
  var clip: DisplayObject = assetClipArr [currentAssetNum];
  If (clip! = null) Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  clip. Visible = false;
  }})
  currentAssetNum = n;
  {if (isThumb)}

  tweenToAsset();
  assetClipArr [currentAssetNum] .visible = true;
  Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
  Tweener.addTween (thumbContainer, {y: sh + borderSize, time: 8, transition: "easeInOutExpo"})
  Tweener.addTween (btnContainer, {y: sh + 32, time: 8, transition: "easeInOutExpo"})
  Tweener.addTween (assetContainer, {y:(sh-assetHeight) > > 1, time: 8, transition: "easeInOutExpo"})
  isThumb = false;
  }
  })
  */
  
  }
  
  thumbLoaderArr [0] .load (new URLRequest(thumbArr[0]))
  thumbLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
  thumbLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
  
  var _mask: Sprite = new Sprite();
  _MASK. Graphics.beginFill (0xB22222,. 4);
  _MASK. Graphics.drawRect (thumbPadding-borderSize, - borderSize, thumbContainerWidth + borderSize * 2, thumbHeight + borderSize * 2);
  _MASK. Graphics.endFill ();
  thumbContainer.addChild (_mask);
  thumbClipContainer.mask = _mask;
  
  addChild (assetContainer);
  
  var panelWidth: number = 14;
  var leftPanel: ArrowButton = new ArrowButton();
  leftPanel.rotation = 180
  leftPanel.x = - 12;
  leftPanel.y = assetHeight*.5;
  
  var right panel: ArrowButton = new ArrowButton();
  rightPanel.x = assetWidth + 12;
  rightPanel.y = assetHeight*.5;
  leftPanel.alpha = rightPanel.alpha = 0;
  leftPanel.buttonMode = rightPanel.buttonMode = true;
  
  leftPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  leftPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 0, time: 4, transition: "easeOutSine"})
  })
  leftPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  /*
  var clip: DisplayObject;
  Clip = assetClipArr [currentAssetNum];
  Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  clip. Visible = false;
  }})
  */
  pauseAsset();
  if(currentAssetNum>0) {}
  -currentAssetNum;
  } else {}
  currentAssetNum = itemNum-1;
  }
  /*
  assetClipArr [currentAssetNum] .alpha = 0;
  assetClipArr [currentAssetNum] .visible = true;
  Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
  */
  tweenToAsset();
  })
  rightPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  rightPanel.addEventListener (MouseEvent.MOUSE_MOVE, {function(e:MouseEvent):void}
  Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  rightPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  Tweener.addTween (right panel, {alpha: 0, time: 4, transition: "easeOutSine"})
  })
  var cb: CloseButton = new CloseButton();
  rightPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  pauseAsset();
  If (currentAssetNum < itemNum-1) {}
  currentAssetNum ++;
  } else {}
  currentAssetNum = 0;
  }
  /*
  assetClipArr [currentAssetNum] .alpha = 0;
  assetClipArr [currentAssetNum] .visible = true;
  Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
  */
  tweenToAsset();
  })
  function pauseAsset (): void {}
  var clip: Sprite = assetClipArr [currentAssetNum];
  Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  clip. Visible = false;
  If (clip.getChildAt (0) is ApdevVideoPlayer) {}
  (clip.getChildAt (0) as ApdevVideoPlayer) () .pause;
  }
  
  }})
  
  }
  function tweenToAsset (): void {}
  var clip: Sprite = assetClipArr [currentAssetNum];
  clip.Alpha = 0;
  clip. Visible = true;
  Tweener.addTween (, {time: 2, delay:. 4, transition: "easeOutSine", onComplete:function (): void {}})
  If (clip.getChildAt (0) is ApdevVideoPlayer) {}
  (clip.getChildAt (0) as ApdevVideoPlayer) .play ();
  }
  
  }})
  
  Tweener.addTween (clip, {alpha: 1, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  }})
  
  }
  
  assetContainer.addChild (leftPanel);
  assetContainer.addChild (right panel);
  
  var _style:ApdevVideoPlayerDefaultStyle = new ApdevVideoPlayerDefaultStyle();
  _Style.bgGradient1 = 0 x 000000;
  _Style.controlsBg = 0 x 000000;
  _Style.controlsBgAlpha = 1.0;
  var closeBtn: CloseButton = new CloseButton();
  assetContainer.addChild (closeBtn);
  closeBtn.x = assetWidth - closeBtn.width*.5;
  closeBtn.y = - closeBtn.height*.5;
  closeBtn.buttonMode = true;
  closeBtn.visible = false;
  closeBtn.name = j.toString ();
  closeBtn.addEventListener (MouseEvent.CLICK, function(e:Event):void {}
  isThumb = true;
  var s: DisplayObject = e.currentTarget as DisplayObject;
  var n: number = Number (s.name);
  pauseAsset();
  Tweener.addTween (assetContainer, {y:-assetHeight, time: 4, transition: "easeOutSine"})
  Tweener.addTween (thumbContainer, {y:(sh-thumbHeight) > > 1, time: 4, transition: "easeOutSine"})
  Tweener.addTween (btnContainer, {y: sh > > 1, time: 4, transition: "easeOutSine"})
  })
  
  Add image/video assets to step
  for (var j: int = 0; j < itemNum; j ++) {}
  var s: Sprite = new Sprite();
  s.graphics.beginFill (0 x 000000, 1);
  s.graphics.drawRect (0, 0, assetWidth, assetHeight);
  s.graphics.endFill ();
  
  {if(linkArr[j]!="")}
  s.buttonMode = true;
  s.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  _s var: Sprite = e.currentTarget as Sprite;
  var n: number = Number (_s.name).
  try {}
  {if(linkArr[n]!="")}
  navigateToURL (new URLRequest (linkArr [n]), _target);
  }

  } catch(err:Error) {}
  }
  })
  
  }
  s.Visible = false;
  s.Name = j.toString ();
  assetContainer.addChildAt (s, 0);
  assetClipArr [j] = s;
  Tweener.addTween (closeBtn, {_DropShadow_blurX:2, _DropShadow_blurY:2, _DropShadow_angle:75, _DropShadow_distance:4, _DropShadow_alpha:.3, time: 3});
  
  closeBtn.visible = false;
  s.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
  Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
  _s var: Sprite = e.currentTarget as Sprite;
  var n: number = Number (_s.name).
  {if(captionClipArr[n]!=null)}
  captionClipArr [n] .visible = true;
  Tweener.addTween (captionClipArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
  }
  })
  s.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
  Tweener.addTween (right panel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
  _s var: Sprite = e.currentTarget as Sprite;
  var n: number = Number (_s.name).
  {if(captionClipArr[n]!=null)}
  Tweener.addTween (captionClipArr [n], {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  captionClipArr [n] .visible = false;
  }})
  }
  
  })
  
  {if(typeArr[j]=="image")}
  var imageLoader: Loader = new Loader();
  var _loading: loading = new Loading();
  s.addChild (_loading);
  _loading.x = assetWidth*.5;
  _loading.y = assetHeight*.5;
  _loading. Name = "loading";
  s.addChildAt (chargeurImage, 0);
  imageLoaderArr [imageLoaderNum] = imageLoader;
  imageURLArr [imageLoaderNum] = urlArr [j];
  imageLoaderNum ++;
  } else {if(typeArr[j]=="video")
  var videoPlayer: ApdevVideoPlayer = new ApdevVideoPlayer (assetWidth, assetHeight, _style);
  videoPlayer.videostill = "";
  videoPlayer.name = 'video ';
  position of the videoplayer at the bottom of the video controls
  videoPlayer.controlsOverVideo = true;
  checks should not fade out (not in mode full-screen)
  videoPlayer.controlsAutoHide = true;
  videoPlayer.autoPlay = false;
  videoPlayer.load (urlArr [j]);
  s.addChildAt (videoPlayer, 0);
  
  }
  
  {if(captionArr[j]!="")}
  var _caption: Caption = new Caption();
  captionClipArr [j] = _caption;
  _caption.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  e.stopPropagation ();
  })
  _caption.Alpha = 0;
  _caption. Visible = false;
  _caption. Name = "caption";
  _caption.Alpha = 0;
  _caption. Visible = false;
  _caption._text. Width = assetWidth - 24;
  _caption._text. StyleSheet = textStyle;
  _caption._text. Selectable = false;
  _caption._text. Multiline = true;
  _caption._text. AutoSize = TextFieldAutoSize.LEFT;
  _caption._text.antiAliasType = AntiAliasType.ADVANCED;
  var st:String = encodeURI (captionArr [j]);
  var model: RegExp = /(%09) + | (0 %) + | (0 % D) + / g ;
  St = st.replace (model, "");
  St = decodeURI (st);
  _caption._text. StyleSheet = textStyle;
  _caption._text.htmlText = m;
  _caption._bg. Width = assetWidth;
  _caption._bg. Height = _caption._text.height + 24;
  _caption.y = assetHeight - _caption.height;
  s.addChild (_caption);
  }
  }
  
  {if(imageLoaderArr[0]!=null)}
  imageLoaderArr [0] .load (new URLRequest(imageURLArr[0]));
  imageLoaderArr [0].contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
  imageLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
  imageLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
  
  }
  
  addChild (btnContainer);
  btnContainer.addChild (nextBtn);
  btnContainer.addChild (preBtn);
  preBtn.rotation = 180;
  nextBtn.buttonMode = preBtn.buttonMode = true;
  nextBtn.addEventListener (MouseEvent.CLICK, click Next);
  preBtn.addEventListener (MouseEvent.CLICK, clickPre);
  resizeHandler();
  }
  the progress of loading the image
  private void imageProgress(e:ProgressEvent):void {}

  }
  
  How many images have been loaded
  private var imageLoadedNum: number = 0;
  
  start loading the next image when an image is loaded, start playing the slideshow when images are loaded
  private void imageComplete(e:Event):void {}
  var _loader:Loader = Loader (e.target.loader);
  If (_loader.content is Bitmap) {}
  get the Chargers in the form of bitmap content
  var _bitMap:Bitmap = Bitmap (_loader.content);
  Turn on anti-aliasing
  _bitMap.smoothing = true;
  }
  var _loading: loading = _loader.parent.getChildByName ("loading") as loading;
  if(_loading!=null) _loading.parent.removeChild (_loading);
  if(imageLoadedNum<imageLoaderArr.Length) {}
  imageLoadedNum ++;
  var nextLd: Loader = imageLoaderArr [imageLoadedNum];
  {if(nextLd!=null)}
  nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
  nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
  nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
  nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
  } else {}

  }
  }
  
  }
  
  The location of the error image manager e/s etc.
  private void imageIOError(e:IOErrorEvent):void {}
  if(imageLoadedNum<imageLoaderArr.Length) {}
  imageLoadedNum ++;
  var nextLd: Loader = imageLoaderArr [imageLoadedNum];
  {if(nextLd!=null)}
  nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
  nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
  nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
  nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
  } else {}

  }
  }

  }
  
  start loading the next thumbnail when it can't load the previous tile
  private void thumbIOError(e:IOErrorEvent):void {}
  if(thumbLoadedNum<itemNum) {}
  thumbLoadedNum ++;
  var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
  {if(_nextLd!=null)}
  _nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
  _nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
  _nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
  
  }
  }
  
  }
  
  How many tile is responsible
  private var thumbLoadedNum: number = 0;
  force the miniature customed size in the xml when they were loaded
  private void thumbComplete(e:Event):void {}
  var _tempLoader:Loader = Loader (e.target.loader);
  If (_tempLoader.content is Bitmap) {}
  get the Chargers in the form of bitmap content
  var _bitMap:Bitmap = Bitmap (_tempLoader.content);
  Turn on anti-aliasing
  _bitMap.smoothing = true;
  }
  
  _tempLoader.content.width = thumbWidth;
  _tempLoader.content.height = thumbHeight;
  _tempLoader.content.Alpha = 0;
  Tweener.addTween (_tempLoader.content, {alpha: 1, time: 4, transition: "easeOutSine"})
  if(thumbLoadedNum<itemNum) {}
  thumbLoadedNum ++;
  var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
  {if(_nextLd!=null)}
  _nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
  _nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
  _nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
  }
  }

  }
  
  private var currentCol: number = 0;
  Move the following block of vignette
  private void clickNext(e:MouseEvent=null):void {}
  currentCol ++;
  If (currentCol < Math.ceil (itemNum/columns)) {}
  Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
  } else {}
  currentCol = 0;
  Tweener.addTween (thumbClipContainer, {x: 0, time: 4, transition: "easeOutSine"})
  }
  }

  Move the previous tile
  private void clickPre(e:MouseEvent=null):void {}
  -currentCol;
  If (currentCol > = 0) {}
  Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
  } else {}
  currentCol = Math.ceil(itemNum/columns)-1;
  Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
  
  }
  }
  
  resize the layout
  private void resizeHandler(e:Event=null):void {}
  SW = stage.stageWidth;
  SH = stage.stageHeight;
  thumbContainer.x = (sw - thumbContainerWidth - thumbPadding * 2) > > 1;

  nextBtn.x = thumbContainer.x + thumbContainerWidth + thumbPadding;
  nextBtn.x = sw - 24;
  preBtn.x = 24;
  
  assetContainer.x = (sw - assetWidth) > > 1;
  {if (isThumb)}
  assetContainer.y = - assetHeight;
  thumbContainer.y = (sh - thumbHeight) > > 1;
  btnContainer.y = sh > > 1;
  } else {}
  assetContainer.y = (sh - assetHeight) > > 1;
  thumbContainer.y = sh + borderSize;
  btnContainer.y = sh + 32;
  }

  
  }
  

  }

  
  }

  You should be able to use addChildAt() once you have loaded evrything else to place the png to the index that you want to.