Triggers in Slide show widget jumps around in preview/published mode

I am using the slide show widget.
Have made triggers with different states.
In design mode they are perfectly aligned but in preview and after publishing, they jump around.
design mode
after publishing and in preview mode

What's the URL for the page? (You could publish to a free trial site on Adobe Business Catalyst and provide the URL...)

Similar Messages

Slide show widget

Hi
I do occassional updating for a rape crisis center. I know a little html and some css and am using CS4. I need to make a three picture slide show quickly and do not do flash. Are there any easy to learn widgets in CS4 or does anyone know a second party widget that I can embed easily?
Many thanks,
Nancy

Oh heck, he's off on a wild goose chase of a widget that does not work in all versions of Dreamweaver.
Here is what I have been doing for two years:
Tobia Conforto's Cross Slide.
Now, what you are going to be using is JavaScript and jQuery. Tobia places a link to the minified version of jQuery on the website. Download that and place it into a js folder in your website. You may use your operating system to do this. Additionally, he has his Cross-Slide minified jQuery plugin downloadable there as well. That also goes in your js folder in the website. That folder must be uploaded to your server with all of the files in it.
Now, you're going to do three pictures. I generally put them into banners in my websites, but you can put them anywhere. You must define either a Class or an ID for where you are going to place those pictures in CSS:
#slide {
          height: 157px;
          background-image: url("../images/picture01.jpg");
Place the first picture you will have in your slide show into the background of that div as I have just done in my example above.
Now, you're ready to go to work. Make each image the same size and place the following in the head area of your web page:
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.cross-slide.min.js"></script>
<script type="text/javascript">
$(function() {
          $('#slide').crossSlide({
                    sleep: 2,
                    fade: 1
                    { src: 'images/picture01.jpg' },
                    { src: 'images/picture02.jpg' },
                    { src: 'images/picture03.jpg' }
</script>
Please understand that, in my example above I am calling version 1.4.2 of jQuery -- they may be out with a newer version and the "min" stands for the "minified" version. It downloads faster in a browser.
The JavaScript above should fit nicely just above the close of your head area. Make sure that the last curly brace for your last image does not have a comma after it. Microsoft's Internet Exploder will not show you the slide show if you forget that.
Now, in your HTML, do this:
<div id="slide"> 
</div>
Please notice I have used an ID and not a Class here because I don't place slide shows in multiple places on my pages. I think one's enough.
You can see this working right now on several of my websites
http://christinokitchens.com/
http://www.unitedstatesvending.net/
http://www.clarkelandscapes.com/
http://jwatts.com/
This method absolutely works. You can look at my code in each of the above websites and copy it. In each case, I'm making a header that provides the visitor with a slide show. I tend to name the ID differently for each because it really depends on what I'm thinking about at the time.
But this will get you done and operational with a minumum of fuss.
It is possible that Dreamweaver CS5.5 automates this kind of a thing, but I am still doing it manually because I learned this code while working with CS3.

PSE 8 in Win 7 - Slide Show Editor does not display preview

I have a student who is not able to see the preview either in the monitor window or full screen in the Slide Show Editor. The individual slides are black. However, when the slide show is rendered it is fine. She also has PSE 7, and it works fine in this regards. Any ideas?
TIA
Don S.

Cowboy,
We will definitely check to make sure the color is set to 32-bit. What I meant to say in my earlier post was that in the various computers I bought over the years, I have never seen any with their "default" setting at less than 32-bit - at least I don't recall ever having to put them into the 32-bit mode. Also, I'm pretty sure my student did not go in and change the setting. But we are going to check, just to make sure.
Thanks again for your reply.
Don S.

Why are slide show images less sharp than preview images?

Dear Aperture users,
as documented in the manual and on Apple's support pages, Aperture 3 uses the preview images for its slide show. However, when I compare the quality of my preview images in full-screen mode with the quality of the slide show images, the preview images clearly look sharper.
Apparently, Aperture's slide show does not simply use the preview images as documented, but applies some sort of "adjustment", resulting in less crisp looking images. Since I haven't found any satisfying answer yet, my questions are:
1). What exactly is the adjustment that slide show applies to the preview images?
2). Can I somehow tweak this adjustment, say, with a terminal command?
Best regards,
Dirk61.

iPhoto can make two different types of slide show movies. It would help to know which you're making.
One is made via the File/Export to QuickTime movie and makes a 4 track file with a simple fade effect. These use the Photo-JPEG codec.
The other is a 30 fps "video" using H.264 video codec via the "Share" menu.
A third method (rarely used) is to Export to iDVD. This makes an absurdly high data rate MPEG-4 video. This is also found under the Share menu.
The MPEG-4 video codec also includes an "automatic" gamma correction feature which compensates for the gammas difference between Mac's and PC's.
Try one export to iDVD. Include your audio track prior but use a high quality (.aiff) sound file. No need to actually "burn" the DVD. You can even close iDVD after it opens. You'll find the new movie in your Users Movie folder.
Open it with QT Pro and export to a new .mov file. Adjust the data rate to something more reasonable and add some audio compression.
If the colors still look too dark you can use the built in Filters in the Export dialog. You can adjust B&C or HSL or even use ColorSync Profiles that can help correct the image quality (if needed).

Can we please have an option in slide shows widgets the slide show to stop when hovered?

Can't believe this common feature is not there. Thanks a lot.
Cheers,
Branko

Dude, your annoying. I was answering a question, so it would say I have 0 unresolved questions. What if a google search pulled up my question, though not as popular as the original coverflow thread? I know Apple already fixed this issue, but I wanted to make my question answered. A) because it could be helpful, if google pulled up my specific thread and B) I was tired of having an unresolved question in my menu whenever I logged on.
Think about it before you post something idiotic and rude.
If you work for Apple, I am sure you could appreciate this, but probably not.

Menu jumps around in preview mode

Hi there,
Very happy with the latest november 2013 update! I'm working on a dropdown-menu in a masterpage and when i preview the content (of a couple of sections) jumps down and to the right.
When i go back to the design mode i change the size of the dropdown container (? or how do you call this) and it's fixed, only now another section jumps!!!!
Weird!
Can anyone tell me what to do?
I'll show some pictures to explain better.
thanks in advance for helping out.
bart

Hi Vikas,
You have the file i'm working on and i have an other problem i can't fix. (also nobody on the forum can help)
On different pages when i'm designing everything lines up, but when i publish there is a gap between elements. Sometimes it's big, sometimes small.
Not all the pages have this and there doesn't seem to be a problem with overlapping elements.
First image: this is in designing mode in Muse:
Second image: on Firefox - of the same part of the page:
This is in the "lijnsoort" page. It also appears on the "lijn", "compositie", "vorm" and "vormaspecten" (halfway the page).
Since you already have my file, would you mind taking a look? I really don't get this problem...
Thanks in advance,
bart

How do I add an image already in the page to a slide show ?

It seems so simple: I have a couple of images already spread out on a page, but later on I decide to collect them into a simple slide show after all. So I drag this Slide Show widget into place, and now ? Yeah, I know, I should use the button to select new images into it, or drag them as files from my Finder onto the Slide Show. But I already have them sitting on my page ! Isn't there a quicker and better way ? I tried copying and pasting in a lot of ways, and I can change the existing (three) sample images, but it's not even so easy to do it. Anyone ?
BTW, I know I could use Compositions, and at least they offer a simple + button to add extra instances to the widget. But I'd like to these plain vanilla Slide Show widgets in this situation.

Hi,
I used a blank slideshow, and then I dragged an existing image from the page and drop to the slideshow, it works absolutely fine, check this screenshot
is that what you are referring here, or did I miss anything

How can you create a screen width slide show?

I have created screen width images that resize depending on the screen resolution using the fill option.
However, when I use any of the slide show widgets and size them to the edge of the site, it doesn't fill the screen width on the live mode. It always leaves a margin.
What can I do?

Widgets do not support full width or responsive. I hope they do support it in the near future though.

Dynamic slide show window resize ?

I am looking for a way to have a slide show window in Muse, resize according to landscape og portrait images.
There are slide show viewers out there that can do this, but within Muse, I have not been able to find a way to do so.
Can anybody help, or is this just a feature that is not supported in Muse ?

I have the same question. Why can't images in the Muse slide show widget be made larger than the default setting? For many of my images, the default dimensions are either too small to properly display the image or they don't accommodate very well the fact that some photos were taken as verticals and others horizontal (portrait and landscape dimensions). Please Adobe, give us more flexibility and professionalism with the slide show widget.

How do I rotate the entire slide show canvas?

I have a slide show that will ultimately be in portrait mode (1125 x 1500), but it needs to be built in a landscape mode with everything rotated and then the actual porjector will be turned to be projected on a portrait screen. Stupid, I know.
How can I build this in portrait mode and then rotate everything at the end?
Thanks!

There is no such thing. You will have to adjust the artboard and then manually rotate the content to fit.
Mylenium

Widget triggers jumps around, drives me crazy!!

http://delta.tinahammar.se/delta/get-better-effect.html#bad-triggers
Again ... why does the triggers jump around. Why can't they just stay the way they are in design mode.
When slideshows go nuts, I usually have to start all over again, and somehow they work. But not this one.
Look at the triggers on the link above.
In designmode everything behaves nice...
After publishing or in preview, things move around. The states of the buttons aren't respected either. On mouse leave the text goes black instead of staying white as defined in "active" state.
The buttons jumps all over the place.
This is happening over and over again ..
This is from another widget that I gave up on ...

http://delta.tinahammar.se/delta/get-better-effect.html#bad-triggers
Again ... why does the triggers jump around. Why can't they just stay the way they are in design mode.
When slideshows go nuts, I usually have to start all over again, and somehow they work. But not this one.
Look at the triggers on the link above.
In designmode everything behaves nice...
After publishing or in preview, things move around. The states of the buttons aren't respected either. On mouse leave the text goes black instead of staying white as defined in "active" state.
The buttons jumps all over the place.
This is happening over and over again ..
This is from another widget that I gave up on ...

Weather widget and slide show problems

Hi
The site is www.heritageharbourcommunity.com
My site opens on a three column fixed page with header and footer. I have been able to define the area between the nav bar and footer as editable. When I go to incontext and try to make that area editable through incontext it seems fine until I test it. I receive a message that the area is not editable and I can make regions editable through incontext. Only the right most column has a dashed line around it. From that I assume the problem is with the weather widget in column 1 and the slide show in column 2.
All of my other pages are single column and seem to work well with incontext. Any suggestions? Thanks...Morgan

Hello MoBet,
InContext Editing regions cannot contain Flash or JavaScript content, so you should wrap the sections you want to have editable with div tags to separate them from this content. For example:
<div id="sidebar1">
    <div id="mysidebar1-1">
      <h3>New Website Group</h3>
<p>Mark your calendars. The organization meeting of the community website site group will be at 6:30 p.m. on November 30th at the Stoneybrook Rec Center. Everyone is welcome to come and find out whats happening and maybe how they can help.<a href="About_us/website_dev_home.html">Details.</a></p>
</div>
<p>

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

<noscript><a href="http://www.dwuser.com/" title="Dreamweaver Extensions">Dreamweaver Extensions by DWUser.com</a></noscript><script type="text/javascript">
// <![CDATA[
WeatherWidget({swf:'weatherwidget/weatherwidget.swf',w:'180',h:'125',redirect:'',textColor :'#FFFFFF',bgColor:'#98082E',bgAlpha:'100',useBevel:'true',loc:'34212',units:'e',loadingTe xt:'Loading...',humidityText:'Humidity: ',windText:'Wind: '});// ]]>
</script>

</p>
      <div id="mysidebar1-2"><p>Highs are near 80 degrees each day and sweaters are required for early morning walks.</p>
      <h3>Community Garage Sale</h3>
      <p>February 6 from 9-2pm</p>
      <p>It’s time to start thinking about what you want to dispose of around your house and in your garage. Our annual garage sale is just the ticket for unloading your treasures. Once again, the sale will be held at the Beacon Park Soccer Fields on February 6, 2010. This is a monster event and it attracts a huge crowd of buyers. Cost is $10 per space which allows you to park your car and set up right behind it. Applications are available at the Stoneybrook Recreation Center. Space is limited so it pays to sign up early. All applicants will be called just prior to the sale with full details. Call Anita or Lan Janecek at 746-3730 with your questions.</p>
      </div>

You will then be able to make individual editable regions for the two sidebar elements. Do the same for the center column:
(Note: You'll want to fix your improperly nested <h1> tag following <div id="mainContent">)
<div id="mycenter1-1">
<h1>Welcome</h1>
      <p>Our snow birds are returning. Its a relief to be back into our fine winter weather. Social events are gearing up as more people return. </p>
      <p>Helping Hands of Stoneybrook will host a breakfast with Santa for the children of Stoneybrook December 5th from 9:00 to 10:30 a.m. at the Stoneybrook Recreation Center. Sign up at the Stoneybrook Recreation Center or call Cathy Faust (941) 747-7379 for details.</p>
      <p>Happy 50th anniversary on November 21 to Mary Jane and Charles Hixson of Stoneybrook.</p>
      <h3><img src="images/two_little_girls.JPG" width="155" height="153" align="right" />Adopt a Family</h3>
<p>A number of Heritage Harbour residents have been lending a hand in Santa’s Southern Workshop this month as he gears up to help needy families for Christmas. The workshop is run by Adopt a Family and provides Christmas gifts to the children of families who have applied and are residing in Manatee County. </p>
      <p> Most days you’ll find Patti Sue Peotter-Bettes, a Stoneybrook resident, taking applications at the warehouse which was donated for the use of Adopt a Family. Louise Blank has been helping with applications as well. If you see her, ask her about the families and children she’s talked to. Janet and Luis Hidalgo have been indispensable in their role as Spanish translators. Many of the families are Spanish speaking and Luis and Janet Hidaldo help the interviewers learn the sizes of the children and what things they would like Santa to bring them. <a href="documents/adopt__family.pdf">more </a></p>
</div>
Please let me know if you need further assistance.
Best regards,
Corey

Work around for Custom Slide Show

My powerpoint 2010 presentation has several custom slide show to 'repeat' the current slide when clicked. After publishing in Adobe Connect via Presenter, the button with action to show and run the custom slide show did not work. Is there a work around this? I also hid the playbar, I was required to create/add buttons on the presentation to be used as navigation controls. One of the buttons is set up with an action to show and run the custom slide show (which basically repeats the current slide).

Apperently iTunes 11 is not affected (Apple stil makes iTunes11 for the 14 yr old Microsoft XP OS, but not for anything PPCs can run. Go figure)
"Next door" to Steve was metaphoric, he lived in Los Altos, about 15 miles away, but he cast a big shadow!
On 9.2.1/10.4.11 differences, some time in the past someone selected 'save file' and checked the box 'don't ask again' on your computers dialog box. That's why you're not given a choice wih the file downloads. I would think that selection should be able to be reversed.
iTunes 9.2.1/OS10.4.11 puts those downloaded URLs into the Music Libary of iTunes, no matter if it's opened directly, or you click on the file on your desktop. You can create a new playlist, highlight the selection in the Music Libary, and drag it to your new playlist to keep alll the steaming URLs together. NOTE, this only creates an alias, the URL copied by iTunes must remain in the Music Libary. You can then delete the the files on the desktop, if you want. I did multiple stations this way in 9.2.1, they all show in either the new playlist created, or in the Music Libary, and remain after the desktop files are deleted and trash emptied.
You can switch sations by double clicking them. Another note, all the URLs were all from vtune.
I hope this helps.
PS, I forgot how clunky Tiger is compared to Leopard...

Links around slide show are obtrusive

Sorry- I need help again. How do you move the links around the slide show like: Back to Album, Play Slide Show, Download, Previous and Next?
Can you change the wording, position, font or color? They are pretty obtrusive. The My Albums Index page is much cleaner.
Can they be replaced by pictures?
or even controls like in Quicktime?
Or am I asking too much?
J- thanks

You can't change them easily. They are java based and it would be very difficult to change the java scripted link with type of link that you would like. There are play references in the iWebMediaGrid.js file and the sitename.html file but not sure which you'd change and how. Maybe one of the more advance users know of an easy way to change them.
OT

Widget slide show and liquid layout

I am trying to use the widget slide show in a liquid layout and I need the slideshow to resize. I used the width 100% and tried the height set to auto but the image hight does not resize. how do I get the slideshow to resize both height and width.

I'm not entirely certain the slideshow widget is scalable. Many of them are not.
You can try adding this to your CSS code:
img {max-width: 100%; height: auto !important;}
If that fails, you might want to switch to a fixed-width, centered layout. Liquid layouts are very tricky to work with.
Alternatively, you could look for a jQuery slideshow that does support % widths -- although these carry the potential for distorting your images if the aspect ratio is not maintained.
Nancy O.

Triggers in Slide show widget jumps around in preview/published mode

Similar Messages

Maybe you are looking for