Image with selected lightbox Widget

Similar Questions

• Help with gallery lightbox widget

  Hello

  I built a website for my photography business and used the Gallery lightbox widget. I'm not massively HTML mind so I tend to build in design mode and just edit HTML.

  The Gallery is here: http://www.emmarichards.co.uk/gallery.html

  When you click on one of the photos, it does not work properly, need you just to another Web page with just the image. It worked fine in live view. I looking at it in IE, do not know what version, but a pretty up to date I think. I also checked by using the Mozilla browser and having the same problem. How can I fix this please? The code of the pages is as follows:

  <! 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 > Barnsley wedding photographer - Emma Richards < /title >
  < style type = "text/css" >
  <!--
  {body
  Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.
  background: #4E5869;
  margin: 0;
  padding: 0;
  Color: #000;
  background-color: #99BADB;
  }

  / * ~ ~ 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. */
  padding: 0;
  margin: 0;
  }
  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. */
  }
  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: #414958;
  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: #4E5869;
  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: none;
  background-color: #FFFFFF;
  }

  / * ~ ~ This container surrounds all the other div tags giving them their percentage width ~ ~ * /.
  . Container {}
  Width: 80%;
  Max-width: 1260px; / * a max-width may be desirable to keep this provision to become too wide on a big screen. This keeps the more readable line length. IE6 does not respect this statement. */
  min-width: 780px; / * a min-width may be desirable to keep this provision to become too narrow. This keeps the more readable line length in the side columns. IE6 does not respect this statement. */
  Background: #FFF;
  margin: 0 auto; / * set to auto on the sides, coupled with the width available to the centres. It is not necessary if you set the width of the .container to 100%. */
  }

  / * ~ ~ 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-color: #ffffff;
  }

  / * ~ ~ 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 {}
  padding: 10px 0;
  }

  / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.
  . Content ul, ol {} content
  padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */
  }

  / * ~ ~ Footer ~ ~ * /.
  .footer {}
  padding: 10px 0;
  background-color: #ffffff;
  }

  / * ~ ~ 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;
  left margin: 8px;
  }
  .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: 8px;
  }
  .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;
  }
  body, td, th {}
  do-family: Tahoma, Geneva, without serif.
  }
  ->
  < / style >
  < script src = "scripts/jquery.js" type = "text/javascript" > < / script > "
  < script src = "scripts/lightbox.js" type = "text/javascript" > < / script > "
  < link href = "css/lightbox.css" rel = "stylesheet" type = "text/css" / > "
  < link href = "css/sample_lightbox_layout.css" rel = "stylesheet" type = "text/css" / > "
  < style type = "text/css" >
  / * BeginOAWidget_Instance_2127022: #gallery * /.

  {.lbGallery}
  / * Gallery container parameters * /.
  background-color: #ffffff;
  padding-left: 180px;
  padding-top: 20px;
  padding-right: 180px;
  padding-bottom: 20px;
  Width: 900px;
  height: auto;
  text-align: center;
  }
  .lbGallery ul {list-style: none; margin: 0; padding: 0 ;}}
  .lbGallery ul li {display: inline; margin: 0; padding: 0 ;}}
  .lbGallery ul li a {text-decoration: none ;}}
  
  .lbGallery ul li a {img
  / * border color, width and margin for images * /.
  border-color: #ffffff;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px:
  }
  
  .lbGallery ul li a: hover {img
  / * background color on the hover.
  border-color: #ffffff;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  }
  
  {#lightbox-container-image-box}
  border-top: 0px none #ffffff;
  border-right: 0px none #ffffff;
  border-bottom: 0px none #ffffff;
  border-left: 0px none #ffffff;
  }
  
  {#lightbox - container - picture - data - box}
  border-top: 0px;
  border-right: 0px none #ffffff;
  border-bottom: 0px none #ffffff;
  border-left: 0px none #ffffff;
  }
  / * EndOAWidget_Instance_2127022 * /.
  < / style >
  < script type = "text/xml" >
  <!--
  < oa:widgets >
  < oa:widget wid = binding "2127022" = "#gallery" / >
  < / oa:widgets >
  ->
  < /script >
  < / head >

  < body bgcolor = "#FFFFFF" text = "#000000" link = "#000000" vlink = "#000000" alink = "#000000" >

  < div class = "container" >
  < div class = "header" >
  < div align = "center" >
  < p > < img src = "1TITRE 2.png" alt = "wedding of emma richards barnsley photographer" width = '1144' height = '368' / > < / p >
  "< p > < a href ="about.html"> < img src =" 1.png"alt ="about emma richards wedding photographer barnsley"width ="143"height ="46"border ="0"/ > < /a > < a href =" weddings.html "> < img src =" 1.weddings.png "alt ="wedding information barnsley photographer"width ="162"height ="46"border ="0"/ > < /a > < a href ="gallery.html"> < img src =" 1.gallery.png"alt ="Image of barnsley wedding photographer Gallery"width ="162"height =" "" "" 46"border = '0' / > < / has > < a href ="pricing.html"> < img src =" 1.pricing.png"alt ="barnsley price information wedding photographer"width ="162"height ="46"border ="0"/ > < /a > < a href =" engagements.html "> < img src =" 1.engage.png "alt ="engagement photography couples pull barnsley"width ="221"height ="46"border ="0"/ > < /a > < a href ="http://emmarichardsuk.blogspot.com "> < img src ="1 blgo.png"alt =" emma richards blog photography marriage"width ="105"height ="45"border ="0"/ > < /a > < a href ="contact.html"> < img src ="1 contact.png"alt =" contact emma richards"width ="162"height ="46"border ="0"/ > < /a > < /p >"
  < / div >
  
  <! - end .header - > < / div >
  < div class = "content" >
  < div id = 'Gallery' class = "lbGallery" >
  < div align = "center" >
  < ul >
  "< li > < a href ="2.ABBIE AND KID.jpg"width ="600"height ="400"title =" "> < img src =" 2.ABBIE AND KID.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
  "< li > < a href =" 2.R AND M CAKE.jpg CUP"title =" "> < img src =" 2.R AND M CAKE.jpg CUTTING "width ="150"height ="100"alt ="Wedding at Park Inn""wath' 'barnsley' "photograph" / > < / has >
  "< li > < a href =" alex laura 1 (5) .jpg"title =" "> < img src =" alex laura 1 (5) .jpg "width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / has >
  < li > < a href = "alex laura 1 (8) .jpg" > < img src = "alex laura 1 (8) .jpg" width = "150" height = "100" alt = "whitley hall" "sheffield" 'barnsley wedding photographer' "wedding" / > < /a > < /li > "
  < li > < a href = 'tree closer.jpg' width = "600px" height = "400px" title = "" > < img src = "tree closer.jpg" width = "150" height = "100" alt = "" / > < /a > < /li > < br / > "
  "< li > < a href ="11.jpg"width ="600"height ="400"title =" "> < img src =" 11.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
  "< li > < a href ="10.jpg"title =" "> < img src =" 10.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
  < li > < a href = "James Ruth Church128.jpg" title = "" > < img src = "James Ruth Church128.jpg" width = "150" height = "100" alt = "whitley hall" "sheffield" 'barnsley wedding photographer' "wedding" / > < / has >
  < li > < a href = "2.ABBIE GROUP.jpg" > < img src = "2.ABBIE GROUP.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a > < /li > "
  < li > < a href = "12 - 5.jpg" width = "600px" height = "400px" title = "" > < img src = "12 - 5.jpg" width = "150" height = "100" alt = "Barnsley wedding photography" / > < /a > < /li > < br / >
  "< li > < a href =" alex laura 1 (3) .jpg"width ="600"height ="400"title =" "> < img src =" alex laura 1 (3) .jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / has >
  < li > < a href = "confetti crop.jpg" title = "" > < img src = "confetti crop.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a >
  < li > < a href = "Mark & amp; Rachel 025.jpg"title =" "> < img src ="Mark & amp; Rachel 025.jpg"width ="150"height ="100"alt ="park inn wedding""wath' 'barnsley' "photograph" / > < / a >
  < li > < a href = "Abbie Ben 0336.jpg" > < img src = "Abbie Ben 0336.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a > < /li >
  < li > < a href = "Abbie Ben 0309.jpg" width = "600px" height = "400px" title = "" > < img src = "Abbie Ben 0309.jpg" width = "150" height = "100" alt = 'first kiss' "barnsley wedding photographer" / > < /a > < /li > < br / >
  < li > < a href = "laughing 2.png" width = "600" height = "400" title = "" > < img src = "laugh 2.png" width = "150" height = "100" alt = "whitley hall" "sheffield wedding photography wedding" / > < / has >
  "< li > < a href ="2.double.jpg"title =" "> < img src =" 2.double.jpg "width ="150"height ="100"alt ="Wedding at Park Inn""wath' 'barnsley' "photograph" / > < / has >
  "< li > < a href ="132.jpg"title =" "> < img src =" 132.jpg "width ="150"height ="100"alt ="whitley hall""sheffield"'barnsley wedding photographer'"wedding"/ > < / has >
  < li > < a href = 'Abbie and Ben 0621.jpg' > < img src = "Abbie and Ben 0621.jpg" width = "150" height = "100" alt = "barnsley wedding photography" / > < /a > < /li >
  < li > < a href = "Abbie Ben 0320.jpg" width = "600px" height = "400px" title = "" > < img src = "Abbie Ben 0320.jpg" width = "150" height = "100" alt = "barnsley wedding photography" / > < /a > < /li > < br / >
  < li > < a href = "Abbie Ben 0011 copy.jpg" width = "600" height = "400" title = "" > < img src = "Abbie Ben 0011 copy.jpg" width = "150" height = "100" alt = "bouquet", "barnsley wedding photographer" / > < / a >
  < li > < a href = "James & amp; Title Ruth0202.jpg"=" "> < img src ="James & amp; Ruth0202.jpg"width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / a >
  "< li > < a href =" alex laura 1 (4) .jpg"title =" "> < img src =" alex laura 1 (4) .jpg "width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / has >
  < li > < a href = "123.jpg" > < img src = "123.jpg" width = "150" height = "100" alt = "rotherham" "wedding at park inn" "wath' 'barnsley'"photograph"/ > < /a > < /li >"
  < li > < a href = "Mark & amp; Rachel 311.jpg"width ="600px"height ="400px"title =" "> < img src ="Mark & amp; Rachel 311.jpg"width ="150"height ="100"alt ="rotherham"'Marriage Park Inn' 'wath' 'barnsley'"photograph"/ > < / a > < /li > < br / >
  < /ul >
  < / div >
  < / div >
  < div align = "center" >
  < script type = "text/javascript" >
  BeginOAWidget_Instance_2127022: #gallery

  $(function() {})
  $('#gallery_a').lightBox ({}
  imageLoading: ' / images/lightbox/lightbox-ico-loading.gif', / / (string) path and the name of the loading icon
  imageBtnPrev: ' / images/lightbox/lightbox-btn-prev.gif', / / (string) path and the name of the picture of the previous button
  imageBtnNext: ' / images/lightbox/lightbox-btn-next.gif', / / (string) path and the name of the next button image
  imageBtnClose: ' / images/lightbox/lightbox-btn-close.gif', / / (string) path and the name of the narrow btn
  imageBlank: ' / images/lightbox/lightbox-blank.gif', / / (string) path and the name of an empty image (pixel)
  fixedNavigation: false, / / Boolean (Boolean) which informs if the navigation (next and prev button) will be set in the interface or not.
  containerResizeSpeed: 400, / / specify the duration of the container image resizing. These numbers are milliseconds. default is 400.
  overlayBgColor: "#ffffff", / / (string) the background color of overlay; inform a hexadecimal as value: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue color values.
  overlayOpacity: 0, / / the value of opacity (whole) to overlay; inform: 0.X. Where X is a number from 0 to 9
  txtImage: 'Image', //Default text from the image
  txtOf: "from".
  });
  });
  
  EndOAWidget_Instance_2127022
  < /script > <! - end content - > < / div >
  < / div >
  < div class = "footer" >
  < hr / >
  < p align = 'right' class = 'container' > 07794 430 229 / / [email protected] </p>
  <! - end .footer - > < / div >
  <! - end .container - > < / div >
  < / body >
  < / html >

  emmarichards4 wrote:

  What do I have to have the same path as in my root folder, for example in my Public folder with my host, have a "script file, then put the"jquery.js"file in that or this should not matter?"

  All roads (road of the file relative to the dependent file) are essential.

  If the path is not correct, the required file will be not considered and effect will not work.

  There is no need to download files individually and place them manually in the remote folders. DW manages all the paths of files and folders for you if you use the files Panel.

  For example, http://www.emmarichards.co.uk/scripts/lightbox.js = 404 error. The file does not yet exist on the server at this location.

  You should be able to click on folders css and scripts locally, click Put and all files in those folders will be downloaded correctly.

• Question of lightbox Widget

  Simple question for staff of Muse: with a Lightbox widget, you can reposition the images in the miniature triggers?

  Hello

  It is possible with a composition lightbox widget, but not with a lightbox slideshow.

  Kind regards

  Akshay

• Muse editing works do not with the lightbox in the browser widget

  Hello world

  I use the lightbox widget on a page that I tried to edit the photos with editing in the browser.

  It seems that I must update the thumbnail and the image separately (?).

  My client will do in the future I think it should work much better.

  Should not is it possible to replace just the thumbnail with the original image as in the Muse?

  I hope someone can tell me about it, because otherwise I have to get another solution (not muse).

  Kind regards

  ULI

  Hi Uli and Jeff,

  From now on, this, the workflow expected if in browser edition with Muse.

  Unlike Muse, we can not open replace all images at a time, we must do it one by one.

  However, I would like to get it as a new request feature here - ideas for features in Adobe Muse so that demand could reach our development team.

  Kind regards

  Ankush

• Lightbox widget displays image of hero upper-left instead of Center

  Hello

  For a schoolproject, I worked on creating a Web site in Adobe Muse. Right now I'm trying to create a layout of lightbox to present my work, but the widget shows the hero image in the upper left corner of the page instead of the Center where I like it to be (see screenshot 1 for example).

  

  I use the widget to embed standard Muse with the lightbox parameter (see screenshot 2).

  

  I have several light tables with one image in it because I want the thumbnails to display in various sizes in a random layout on the page. Anywhere on the page I place the image of heroes, it will reappear in the upper left corner to the place where I want to. Anyone know how I can fix this problem? Or maybe know another widget that I could use to do this work? Any help is appreciated !

  Interesting, I am facing a hard time reproducing this behavior with different combinations.

  I would need to check the file for the investigation.

  For once, try to remove the other compositions on the page and check if you see the same behavior that would isolate the question if its because of any element of overlap.

  Thank you

  Sanjit

• Mac OS 10.6.8 - Photoshop CS5.1 after years of perfect use, suddenly I'm unable to select a layer by clicking on the image and select it in the layers palette.  Solve this problem for me and I'll buy you a new car.  With our thanks, David Heidelberge

  Mac OS 10.6.8 - Photoshop CS5.1

  After years of perfect use, suddenly I can't select a layer by clicking on the image and select it in the layers palette.

  Solve this problem for me and I'll buy you a new car.

  With our thanks, David Heidelberger

  Hi David

  Have you checked your settings to automatic selection in the upper left of the workspace?

  

• How can I disable overview of the hidden regions when you drag an image into the image with the direct selection tool?

  CS5, don't know how that Word...

  In the previous version of ID, if I had a graph in a framework, I could drag the image around inside this image with the direct Selection tool.  I can always do with CS5, but he seems to want to show the entire image in a manner of ghosts that is outside of the framework.  Is there a way to disable this type of song look as if it was in previous versions?  I want sound slow down my computer to the low bigtime because I am facing a large image.  Whenever I click to drag, everything slows to a crawl and unusable.

  Go to the preferences and delayed the Live Drawing screen value.

• Create Image pixels with selected showing percentage

  Good evening. Can anyone help me with instructions on creating an image with a pixelated certain % of pixels shown as in the attached picture? I try to create a project and I find it difficult. Any help is appreciated a lot.

  Jim

  

  

  I think by creating additional models of noise (filter > noise > add noise) like this:

  

  And use each as a mask, as shown in the layers panel:

  

  Choose an individual layer the background layer can produce the results you are looking for,

• How to adjust the size composition for Tablet lightbox widget?

  Hello

  I recently built my first portfolio with muse site and now want to extend it to use Tablet and smartphone.

  I Don t know how to adjust the size of the composition however lightbox widget. I hope I Don t need it built again from scratch? This would mean to settle 23 slides, that I m not very keen on...: O all advice would be very appreciated!

  You can see the version of office here: http://www.movi.bz

  THX, Janne

  Click on the main content window until you see "Container" to the "selection indicator. You should also see resize handles around the container. Just use the handles to resize the container as you would anything else.

  Adobe help Muse | Working with Widgets

• Lighbox creation which displays images with different sizes

  Hey,.

  I am trying to build a gallery lightbox in Muse. The thumbnails would all the same size, but the corresponding images have the width/height reports.

  However, the lighbox widgets Muses seem to view all images in the same proportions.

  I tried to implement outside as Lokesh Dhakars Lightbox 2 plugins instead, but I don't know how.

  Can someone tell me if/how I can make this work with the Muses widgets or how do I implement an external lightbox plugin?

  Thank you!

  Do the new hero defining 'Fit content proportionally. This only affects new images added to the publication. Existing images will not change, so do not forget to remove any existing image and add it after changing the setting.

  

• Can the ToolTip + display Lightbox widgets be together?

  Hi, I am trying to insert a ToolTip widget in the action of the Lightbox display widget button, is it possible?

  I know that you can insert the balloon inside the Lightbox display widget, but what I need is something like a hyperlink, the ScreenTip for the Lightbox display widget.  The final effect I want to achieve is that the effect of the ToolTip widget overview shows one image and if the ToolTip is click it, and then display the Lightbox widget.

  No idea or help will appreciate.

  -Javier

  Hi Kandorean,

  You can achieve this effect by changing just the thumbnail jQuery rollover State.

  Please try this and if you are looking for a different output and this doesnot serves then please provide us with an example or the screenshot of what you want to achieve and we would try to find out if that can be achieved in MUSE.

  Kind regards

  Fox

• Multiple images with the same file name no doubt prevent export

  iMac running OS X El Capitan v10.11.6; Photos 1.5

  I'm trying to export approximately 331 images and I get an error report saying that only 169 of the exported images due to the inability to create files for 159 of the images.  Then the report gives me the names of files of the first 100 images for which files were not created.  After looking at many images that would not create a file, I realized that, in any case, there was at least one, if not several, other images with the SAME EXACT FILE name as the image in question.  I can't change the names of files by right click on "info".  I tried to export the images and change the names of files to export using the sequential option and the option of album name - always having exactly the same problem.  I even tried not to export an image at once and change the name of the file individually or no available. Is there a work around that? I desperately need to export those specific images. I am trying to create a photo album for shown to mothers who choose a family with which you want to place their child/ren for adoption. I'm at my wit's end.  The kicker is I'm moving towards trying to export all my pictures, and that's going to be a HUGE problem in course for me, so I really hope that there is a way around this question somewhat simply. I am a hobby photographer and use the computer for businesses and crafts.  I've seen a few posts that included answers referencing "AppleScript" - I have no idea how to do something like that.

  From here on I will DEFINITELY ensure that my Canon continually numbers the names of image files and automatically resets.  For the other photos other than Canon, is possible to rename images during the import of the lot?

  All advice and help will be GREATLY appreciated!

  Finder has the ability to rename files with various models of lot.  Simply select all the files to rename, right-click one of the selected files, choose 'Rename X points... '. ", and then set the options and click on the button"Rename ".

• Masking an image with a shape from Keynote for the iPad?

  I am actually writing an article in support for a Web site and it does not seem you can mask an image with a shape from Keynote for iPad - something that is incredibly easy to do in the version of OS X. Clues on how to achieve this in the iOS version of Keynote?

  Thank you.

  Nevermind, I found the answer - all we need to do is add the image AND form of the slide, then select both at the same time. One of the choices that is displayed in the context menu is "mask with shape.

• How can I share 'My images' with the other user accounts on my computer?

  How can I share 'My images' with the other user accounts on my computer?

  where are the 'experts' on these forums adverstised?  I can't get an answer to a simple question.  Does anyone know how to do this?

  Here we are, ok, I'm not an expert, but try this:

  Right click on 'My images' > share > specific people... > select that you want to share this folder with.

  ...

  After that, try to connect by using a different account. If you will not be able to open C:\Users\"FirstUser"\Pictures, you try to extend the network in the left pane of Windows Explorer > expand ComputerName > expand users > expand "FirstUser" > photos

• Working with PHP in Widgets

  Hi, I have just a few questions about PHP with Widgets:

  1. I've read in a few places that you can use PHP in Widgets, but when I tried to include an index.php in my Widget, it notified me that he has not been supported. So I guess I must have my PHP stored on a remote server and bind it using an anchor for example. (Also white list my field).

  If it works, I'm still able to access those Widget API? I have a Javascript with a few Blackberry Menu API file and would like to know if these still work when they are on my remote server.

  2. If I have a remote PHP file and a remote JS file does not work, how I would approach to access a local copy of the JS file that I compiled with the widget?

  I ask these questions because I have a lot of dynamic pages, I'd like to see on my Widget, but would also have the API Widget at hand, as well for menus and other.

  Thank you!

  1. I've read in a few places that you can use PHP in Widgets, but when I tried to include an index.php in my Widget, it notified me that he has not been supported. So I guess I must have my PHP stored on a remote server and bind it using an anchor for example. (Also white list my field).

  Correct... you can not add a PHP page directly in the Archives of your widget.  You can either make it in your widget by white first listing of the URLS in the file config.xml elements and then going to your page via an anchor tag or the definition of the location.href via JavaScript.

  You can also call your PHP via AJAX scripts if you use them to turn the pieces of HTML or data.

  If it works, I'm still able to access those Widget API? I have a Javascript with a few Blackberry Menu API file and would like to know if these still work when they are on my remote server

  Yes, you are still able to access your Widget API from your pages side server.  Each API you wish to access must have its id function declared for the field in the white list.  For example, if your page is located at 'http://www.foo.com' and you want to have access to the API of blackberry.ui.menu... your config.xml element will look like the following:

  http://www.foo.com" subdomains="true">
    
  
  

  This will allow any page that is loaded from the www.foo.com field to access the API JavaScript menu.  This allows you to place the functional parts of your widget where they make sense for your application.

  There is another parameter config.xml that you will be probably interested as well.  You can define your own custom for a BlackBerry Widget header value.  It is thus on your side server PHP code, you can check to make sure that your real widget hitting your PHP script.  The attribute is called "rim: header ' and is located in the root element.  You can consult the Guide to the developer for further details if you are interested.

  2. If I have a remote PHP file and a remote JS file does not work, how I would approach to access a local copy of the JS file that I compiled with the widget?

  Number 1) will work, but you can also do what you ask for (2).  Your PHP page of code on server side, you have white listed and displayed in the widget, has access to your local resources of the widget.  It is quite convenient for common resources that you do not want to draw on the network such as images, css, and JavaScript.

  You can link to these resources by setting their path in your HTML to 'local:///myimage.png '.  The "local: / / /" is a local path that begins at the root of archive widget.  For example if you want to load an image from the local widget it would look like the following:

  I hope this helps