Widget Gallery Questions

Hello,
I have several lightbox galleries and I would like to migrate them into one gallery. The problem I am having is that i cannot find a way to insert them into the content area of the gallery I would like to add them too. Its a bit complicated so a visual will explain it best. I would also like to know if there is a way to move around the thumbnails and have the gallery rearange itself along with the thumbnails of the lightbox.
http://www.matteartist.com/test/portfolio.html
At the bottom you will see 4 thumbnails for each gallery. In each gallery is inserted a lightbox. I spent alot of time putting each of the images associated witht the thumbnails in the lightbox's (it is a before and after gallery) and changing the image for the rollover, so I would have to reconnect everything if I have to do it all manually.
It is also important for me to be able to move the thumbnails around easily if I want to rearange them and still flow and not skip around in the lightbox. Currently if I move the thumbnails around in the lightbox they ac out of place.
Thanks!
Christian Kugler
www.matteartist.com

Similar Messages

Using Google GWT to create (Dashcode) widgets for iBook Author I would like to embed interactive widgets in iBooks using iBookAuthor. The widgets in question started life in Java but GWT has allowed them to be converted to javascript and to run on web pa

I would like to embed interactive widgets in iBooks using iBookAuthor. The widgets in question started life in Java but GWT has allowed them to be converted to javascript and to run on web pages (for example, http://softoption.us/content/node/437 scroll to the bottom). In theory, iBookAuthor can bring in most html5, and much javascript. The technique is to wrap the html in a folder, with 2 extra files, a plist and a default png and then change the extension of the folder to ‘.wdgt’. This is the technique for making Dashboard widgets for the Mac, and Apple even have the Dashcode software to do it. So what you really do is to make a Dashboard widget, then iBookAuthor can import it. So far, so good. And some folk have been doing this, for example http://www.prweb.com/releases/2012/2/prweb9242432.htm http://www.panophoto.org/forums/viewtopic.php?f=64&t=10417&p=158330#p158423 However, if you start with GWT and create a single page with one button and a Hello World, compile it, and get the WAR file (I use Eclipse here)… the Safari browser and others will run it properly (even on an iPad). Then if you wrap it, a proper Dashboard widget is created, which runs properly on a Mac. Then if you go to iBookAuthor and put a custom widget in the Text, then drag it in. It is accepted by the text and shown as being there. However, if you use Preview to look at it on an iPad, it is gone (or was never there in the first place). Anyone any ideas on this? [And iBook Author seems to give no warnings.] The widget is at https://dl.dropbox.com/u/46713473/Test6.wdgt.zip I have bells and whistles that I’d like to get into an iBook!
Thanks for any insights.
Martin

I do have a little to add, which might help someone. Indeed, opening a blank page and dragging the widget straight in seems good in difficult cases. But, actually, I was also able to insert successfully from the Toolbar especially to blank pages. So, it may have been something to do with the columns and stuff like that. Anyway back then the insertion would show in iBooks Author but not in the Preview on the iPad. I moved on to actual Google Web Toolkit output javascript. Basically I had three at hand to try: a Hello World with a button which went straight it, one of moderate complexity, (for example with a built in Lisp interpreter), which also went straight in, and finally a more complex one that initially was rejected by iBook Author. Author complained that there was an unsupported media file (of course, Author does not tell you which one it is, that would be too easy). [Remember, this was a proper working Dashboard widget which could be installed on a Mac]. Among other things I had read remarks about .gif files. When looking through the GWT war directory at the actual javascript etc files, I noticed there were two gifs there one called ‘clear.cache.gif ‘ and a second one called ‘0F89659FF3F324AE4116F700257E32BD.cache.gif’. (Now, there is obfuscation so the numbers here may be different from case to case.) The clear.cache.gif did not seem to be anything special. But the other one is an animation. It is three little boxes that twinkle (rather like a waiting spinning cursor). So, I opened that file and saved it to itself (that picks the top frame of the animation and saves only that, leaving you with an unanimated gif). The resulting widget drags and drops into iBooks Author (and seems to work properly at a quick glance). So, if you are having trouble with ‘unsupported media files’ converting animated gifs into unanimated gifs might help in some cases.

The New Widget Gallery

I found eight broken links on the new Widget Gallery display page.
If you'd like me to list them I can, but first I'm more concerned (for all parties involved) about the link to
author Christoper Whatson. Multiple times the link had numerous redirects to multiple pages, including porn. Other times it works. May be my system so I'm running a full virus/malware/spyware scan right now but...
(finding the humor in it the url happens to be tripchrystallsyadayada..)
Also in SNL and Firefox the link to Adobe Muse Team ( http://[email protected]///[email protected]/ ) for Slideshow, Basic (Slideshow Widget) is giving me a phishing warning.
Google Chrome passes it thru with no warning to www.adobe.com
I realize that the new Gallery Widgets were just posted last night, so the team may still be tweaking, but this is the internet sooo..
On a positive note, hey, congrats on this new feature.
So how do I sign up (submit)?!
Thanks for your attention.

All good now.
Sorry I didn't get back sooner but I'm no longer (actually for many months now) getting an email prompt for replies to threads. This is happening in all the Adobe forums. But that's another issue.
Yeah, I clear my all my browsers caches every nano second when designing/changing/troubleshooting. So I guess it must have been a hickup.
Fowgetabout it!
FYI - I really like this one http://www.adobekb.com/widgets/menu/swipe-blends-watson.html - nice style and thinkage outside the box.
The chat one is bad azz - http://www.adobekb.com/widget/support-pod-embed-widget
The social media icons widgets will please a great many usesr I'm sure.
Also, being a fan of Jeremy Goldbergs work, I was wondering specifically what the intention of his piece is. Is it as the name suggests? IE: Rotate text (and not have it be skewed or pixelated)? Or would you call it more of a text shuffler.
Ok I'm done. Promise.
Thanks again.

Muse widget gallery not showing in IE

I'm in the process of creating a site that uses a widget gallery. As I add new elements I check locally in different browers to make sure everything works. Everything except IE displays the gallery properly. Currently I am using IE 10 and I am wondering if the issue is known to anyone else and how I can fix it.

Sorry the website is on a private intranet so I can not give you a link.
Good News is that the issue does not matter anymore as I have figured it out on my own. I trashed Muse, built the site in dreamweaver and it functions perfect in all browsers, plus I no longer have the fuzzy, blocky text that gets output by Muse. So ditch Muse was the answer.

IWeb Google Maps and Photo Gallery Question

I have a Website I started to create a while back. Is there a way to insert a google map and some type of photo gallery
into my site, now that MobileMe is gone??? I really liked the simplicity of iWeb. Is there anything else out there?
Thanks, Eric U

You can still insert Google maps into your site - you just need to do it as you did before the Google maps widget arrived.
Go to Google maps and create the map you want and then copy and paste the code and place it in an ordinary html snippet and then click on Apply and the map will appear.
Also, another tip - you could have found all the answers that you were looking for before even posting your question by searching this forum and there have been literally hundreds of posts on the same topics of Google maps and slide shows.
Suggest you search the forum and look for posts by Old Toad and Roddy, who have found alternatives.
You don't need to stop using iWeb - if you have it use it, but just upload to another host/server.
There are plenty of alternative out there - again a forum search would have given you answers.
Take a look at RapidWeaver, Sandvox, Freeway Pro/Express and Flux 4. You can download free trials of all of these and most are available for purcahse from the Mac App Store.

Spry photo gallery question:

Hi,
thanks to mr. Booth's tutorial I was able to implement a nice Spry gallery into our website. Now I want to change one simple thing: the pictures that make up the galleries are to be moved to our ftp server (as opposed to our webserver). The logical thing to to seemed to edit the base parameter in the relevant photo.xml file to something like this: base=ftp://user:[email protected]/directory/ but no dice. So the question is: how do I point the xml file to an external ftp location for the actual photos?
Thanks in advance for any help!

you can't do cross domain requests with AJAX. going to a ftp:// would count as other domain.
So that is not possible. Unless you create a server side proxy that reads the data from your ftp server and about puts the results.

Mobile me gallery question

hi. i have a quesion please: when i create a mobile me gallery, the size of the image to be viewed is really small. is there a way to adjust the viewing size?

My question is ,when we sync with our mobile me gallery ,aren't we supposed to get our photos back to the computer's library automatically?
No - you need to drag the photos for the MoblieMe galleries to the library
and if not ,how do we get the photos and iphotos library and events back to a freshly installed operating system.
The best way would be to load the backup you made just before erasing your drive and installing OS X
LN

MobileMe widget Gallery sharing

I have several iMovies shared on my MobileMe Gallery - posted as small, medium and large so that anyone browsing can click according to their bandwidth and patience.
I'd like to post these movies on iWeb to make them accessible to a wider audience (people I don't necessarily want going to my MobileMe gallery page where they can see family photos etc)
Two problems:
1) When using the MobileMe Gallery widget to post content, an arrow link is provided that directs back to my MobileMe - how do I delete/disable this link?
2) Gallery widget doesn't provide the different bandwidth options that are available on MobileMe. How do I set this up?

David:
That's a conundrum with iWeb. If you make the gallery isolated from your other galleries it can't be added and viewed via the snippet. However you can create and isolate the gallery and then embed it into a web page using iFrame code and an HTML snippet like these demo pages:
MobileMe Galleries and Quicktime Movies
Adding a MMe Gallery from iMovie 09
Both examples are of galleries that have been hidden from the rest of my galleries.
OT

Flash Photo Gallery Question

Hello,
I am a photographer interested in designing a photo gallery
website.My question is how are the special effects created in Flash
for when a thumbnail is clicked and the photo downloads into the
picture viewer? (such as the photo fading in , the photo is
assembled from small blocks, the photo downloads from left to
right, the photo downloads after a flash of light) Is there a name
for these effects? Thank you so much, Wendy

Wonderwendy wrote:
> Hello,
> I am a photographer interested in designing a photo
gallery website.My
> question is how are the special effects created in Flash
for when a thumbnail
> is clicked and the photo downloads into the picture
viewer? (such as the photo
> fading in , the photo is assembled from small blocks,
the photo downloads from
> left to right, the photo downloads after a flash of
light) Is there a name for
> these effects? Thank you so much, Jim
These are some complex components/files you can get free off
the net:
http://www.sephiroth.it/file_detail.php?id=139
ImageGallery 3
http://www.sephiroth.it/file_detail.php?id=135
Photo Album
http://www.sephiroth.it/file_detail.php?id=124
Image Fader
This particular sample is the closets to what you are looking
for. It is XML
driven so all the files information can be edited w/o
changing the Flash movie.
You can define 9 transitions along the image name and the
rest happens automatically.
There are many more samples online, search for stuff like
"flash photo gallery"
or "flash gallery", some free some shareware but definitely
plenty.
Best Regards
Urami
!!!!!!! Merry Christmas !!!!!!!
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

Bridge/Photoshop Web Gallery Question-flashobject.js file

Hi There, I have a question about the Photoshop Flash Gallery, particularly the flashobject.js file and index.html file. Whenever I try and open the finished Flash Gallery HTML page, I get a message that says "Please upgrade your Flash player" and "Already have Flash player installed? Click Here." Is there a way that I can remove that and just have it go to the Flash Gallery, if so where? I notice that it says Flash Player 6 but that is an old version. I am not very knowledgeable in javascript so any help would be appreciated.

The current version is Flash Player 10.
Pleaseprovide details about your setup.
Please read this post by a forum host for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/375816?tstart=0
Thanks!

Image Gallery question

I have been asked to help re-create a web site. The existing site is 100% flash. The site owner wants to redo the appearance and navigation and get away from flash.
They want to have the various project galleries re-created without flash but want the behaviors to be the same as they are in the existing flash setup. check the link below.
http://www.ecummingsarchitect.com/FLASH/main.html
Specifically they want the thumbnails to auto scroll when the cursor rolls over the scroll arrow. Also want the roll over effect where - roll over the thumbnail changes it to color and also changes the larger/primary image above.
I have a couple of slideshow generators from Project 7 but they will not quite achieve these effects.
Is this possible with html/css and/or can anyone recomend a third party product or tool I might use to create this sort of gallery?
Additionally they want to re-create the opening animation on the home page of the site. They have made a little 1.7 meg movie in imovie or something that plays a series of stills but with an animated camera move acroos each still like a Ken Burns film. Slow zoom in or zoom out or pan. Also has sound track.
My question, is it "bad" practice to have a .mov or .wmv or some such movie auto play on the home page?
Again, is this possible with html/css and/or can anyone recomend a third party product or tool I might use to create this sort of slideshow with zoom/pan effects and soundtrack?
Thanks in advance for any advice or help with this.

As Martin said, you can do some amazing things with jQuery transitions, animations and fadeIn effects. And jQuery is supported by nearly all web devices.
http://jquery.malsup.com/cycle/
You can also use Adobe Edge Preview to create animations in HTML5, CSS3 & JavaScript. NOTE: Edge animations are not supported by older browsers (pre-IE9). Before you start, decide who your target audience is.
http://labs.adobe.com/technologies/edge/
Finally, for video & audio playback, have a look at Pickle player.
http://www.pickleplayer.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do I re-style the 'Menu' button in Yahoo! Menu Popup from the Widget Gallery by Zizzer Zazzer

Ive re-styled everything else by editing the CSS in the head of the doument, and in both CSS files. I dont find anywhere that this button is mentioned in any CSS. It is outside the OAWidget Div. This menu is using the Sam Skin. Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="Includes/scripts/YUI/2.8.2r1/build/fonts/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="Includes/scripts/YUI/2.8.2r1/build/menu/assets/skins/sam/menu.css" rel="stylesheet" type="text/css" />
<script src="Includes/scripts/YUI/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="Includes/scripts/YUI/2.8.2r1/build/container/container_core-min.js" type="text/javascript"></script>
<script src="Includes/scripts/YUI/2.8.2r1/build/menu/menu-min.js" type="text/javascript"></script>
<script type="text/xml">

</script>
</head>
<body>
<style>
.yuimenu .button {
    background-color: #cda577;
    border: none;
.yui-skin-sam .yui-menu-shadow-visible {
      background-color:#3d214b;
      opacity:0.5;
    .yui-menu-shadow-visible {
        top:3px;
        right:-4px;
        left:3px;
        bottom:-4px;
    .yuimenu {
        top: 40px;
        left: 10px;
    .yui-skin-sam .yuimenuitem-selected {
        background-color:#cda577;
    .yui-skin-sam .yuimenuitemlabel {
        color:#000000;
    .yui-skin-sam .yuimenuitemlabel-disabled {
        color:#666699;
    .yui-skin-sam .yuimenu {
        font-size:14px;
    .yui-skin-sam .yuimenu .bd {
        background-color: #f4e7d3;
        border: none;
</style>
<button id="OAWidget_show" type="button">Menu</button>
<div id="OAWidget" class="yuimenu">
    <div class="bd">
      <ul class="first-of-type">
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Home</a></li>
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">About</a></li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Calendar</a>
          <div id="submenu1" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">This Year</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Last year</a></li>
              </ul>
            </div>
          </div>
        </li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Contact</a></li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Public Relations</a>
          <div id="submenu2" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Information</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Public Recognition</a></li>
              </ul>
            </div>
          </div>
        </li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Youth Outreach</a></li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Households</a>
          <div id="submenu3" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Govenors</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Nobles</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Ladies in Waiting</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Royal Guard</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Highlanders</a></li>
              </ul>
            </div>
          </div>
        </li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Guild Houses</a>
          <div id="submenu4" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Antioch</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">East Bay</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Lowlands</a></li>
              </ul>
            </div>
          </div>
        </li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Membership</a>
          <div id="submenu5" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Information</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Application Package</a></li>
              </ul>
            </div>
          </div>
        </li>
        <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Gallery</a>
          <div id="submenu6" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Photos</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Videos</a></li>
              </ul>
            </div>
          </div>
        </li>
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Mercantile</a></li>
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Publications</a></li>
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">In Memorium</a>
          <div id="submenu7" class="yuimenu">
            <div class="bd">
              <ul>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Linda Duncan</a></li>
                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="#">Tony Damico</a></li>
              </ul>
            </div>
          </div>
        </li>
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Guild Directory</a></li>
      <li class="yuimenuitem"> <a class="yuimenuitemlabel" href="#">Sponsors</a>
          <div id="submenu8" class="yuimenu">
            <div class="bd">
              <a href="http://www.ninahanphotography.com/" target="_blank"><img src="../Images/hanPhotography.gif" width="135" alt="Nina Han Photography"/></a>
                <br /><a href="http://www.ninahanphotography.com/" target="_blank">Nina Han Photography</a>
            </div>
          </div>
        </li>
      </ul>
    </div>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2489526: #OAWidget
(function() {
var cn = document.body.className.toString();
if (cn.indexOf('yui-skin-sam') == -1) {
    document.body.className += " yui-skin-sam";
var initOAWidget = function() {
// Create a YUI Menu and position the top left of the menu
// to the bottom left of "Show Menu" button.
var OAWidget = new YAHOO.widget.Menu("OAWidget",
      { fixedcenter: false,
      autosubmenudisplay: true,
      showdelay: 250,
      hidedelay: 100,
      clicktohide: true,
      disabled: false
OAWidget.render();
// See: http://developer.yahoo.com/yui/menu/ for more
// information on Menu configurations and events.
// The YUI Menu API cheatsheet can be found at:
// http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
OAWidget.getItem(1).cfg.setProperty("disabled", true);
YAHOO.util.Event.on("OAWidget_show", "click", OAWidget.show, null, OAWidget);
// Create the YUI Menu when the HTML document is usable.
YAHOO.util.Event.onDOMReady(initOAWidget);
// EndOAWidget_Instance_2489526
</script>
</body>
</html>

I don't use Yahoo hosting or any of their services, so I'm completely in the dark about how they operate their web sites.
I'm guessing the code for the menu is contained in this file:
Includes/scripts/YUI/2.8.2r1/build/menu/assets/skins/sam/menu.css
If you have access to it, you can edit it. If you don't, you probably can't.
Nancy O.

Faces / Places and Mobileme Gallery question

Hi all, i could not find much on this but my question is when using faces / places and Mobileme gallery does this actually take up hard drive space ? With faces and places does that actaully create another image or is it just linked to your main library ? And for Mobileme Gallary does that actually download the images to your Mac ?
Thanks

Drop them on the desktop then upload directly from the MoMe Album.
Allan

Trying to fit "long" images into Widget Gallery

Hi-
I have several png's that are around 800px wide and 120px high.
I'm struggling with trying to find a way to fit into gallery widget. I've tried several things and can't seem to widget to be at that dimension so the entire image is visible.
I've researched the forums and can'ts seem to find an answer.
Please tell me what I am missing.
Best,
Matt

I could get 2 images 800X120 px into the gallery widget to show completely. The widget margin had to be 45 because of the min size restrictions of the widget. So if you change the background color of the widget to be same as that of the page it is on, the extra space of the widget will blend and your images will look 800X120 as they are supposed to. Is this what you were trying to to?

Thickbox Widget Gallery Problem

I've inserted the thickbox widget into my progressive site, however it is informing me when I do a browser compatibility check that it is not compatible with sites and is providing me with an error message - Found 7 erros in thickbox.css.
I have also tested the widget on a new blank html and the error message appears again.
Am I doing something wrong?

Hi my dear ...,
I'm very sorry, but I couldn't find the mistake. Even when I tried it with a "standalone" thickbox I couldn't get it to work. One reason could be that I couldn't download these "global.css" and "global.js".
Nevertheless I found these differences between http://jquery.com/demo/thickbox/ and yours (these I commented out with ):
</style>
<script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>

<script type="text/javascript" src="scripts/thickbox.js"></script>

<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />

And because I found this comment: "While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives." I also propose the use of an other gallery. I personally have had very good experiences with the lightbox, where you can for example insert captions and links in the caption so too. Here's the link to it:
http://www.huddletogether.com/projects/lightbox2/#overview
Sorry again and Good Luck!
Hans-G.

Widget Gallery Questions

Similar Messages

Maybe you are looking for