Shadowbox or Flowplayer?
I have a site with multiple videos on one page; I'd like to have each video pop out in its own player when clicked, rather than just embed them on the page in a small size (they'll probably be hosted on Vimeo). In the past I've used Shadowbox on a site I built in Dreamweaver; has anyone successfully embedded that code in a Muse site? I see Flowplayer is another possibility (using the 'Insert HTML' command) but how do I configure these properly? These scripts need to be called in the <head> so it seems odd to just embed them in a page without proper access to the <head> section.
TIA,
JVK
Hello,
In order to insert the script in the Head section, you can access the head section by Right clicking on page>Page properties>MetaData and insert the script in HTML for <Head> Section.
You can also use the Composition Lighbox widget to achieve the functionality you are looking for.
Insert the Embed code inside the Target containers of the widget.
Hope this helps.
Regards,
Sachin
Similar Messages
-
Using flowplayer videos in RoboHelp 9
Hi folks.
I'm having real difficulty with intalling flowplayer into RH9 topics. I've followed many of the options on the flowplayer website and all of them seem to fail after they have been added to the RoboHelp topic. The code below takes a hyperlink to the video and then loads it into a player that displays at 100% of the frame (this is controlled by a separate css file).
The code I'm using is (approximately):
<body>
<a class="inline-video" href="http://pathtomymovie.mp4" id="player"></a>
<script type="text/javascript">flowplayer("player",
{src: 'http://rss.serif.com/rss/flowplayer/flowplayer.commercial-3.1.1.swf', wmode: 'transparent'},{
clip: { scaling: 'fit' },
});</script>
</body>
The css snippet is as follows:
html, {height:100%;}
a.inline-video {
display:block;
width:100%;
height:100%;
margin:0 auto;
text-align:center; }
body {
height:100%;
font-family:Verdana;
font-size:9pt;
background-color:#ffffff; }
This works fine when previewed and when added by hand to an output file. However, I really need to be able to put this into a topic and generate the webhelp on an ad hoc basis.
I have three main problems. The first is that Robohelp removes the code that it doesn't understand and often adds it's own to replace it. Before upgrading to 9 I managed to get around this by ensuring that once created, the file wasn't reopened but this doesn't help if you accidentally open it for some reason.
The second issue I have is that when the file is generated, Robohelp insists on specifying the javascript lang version as 1.2. This is completely incorrect.
My third issue is that although I can con RH9 into generating the html by not reopening the topic after it's been edited, it doesn't work if I add breadcrumb links to the bottom of the topic instead of the top. The video simply won't display at all.
The path to the javascript file in the header seems to remain unchanged as expected apart from again adding a lang version on export.
Has anyone else tried this? I'm really desperate to find a workable solution.
Thanks and Regards,
CarolineHi Willam,
Sorry about not replying sooner, I've had difficulty getting online since my last post!
Thanks for your input, I did try it but couldn't get consistent results. However, I have found a way that works (and that RoboHelp accepts without complaining). In case anyone else ends up with a similar problem, here's the code:
This need to go somewhere in the <head> </head> section.
<script type="text/javascript" src="http://pathtoflowplayerjs/flowplayer-3.1.1.min.js"></script>
<body>
<!-- Create player container complete with splash image. I ended up having to have a splash image due to some compatibility problems with FireFox. It 'should' also work by removing this and
<div id="player" class="inline-video">
instead simply leaving the DIV tag empty -->
<img class="splash" src="../Graphics/UI/splash.png" alt="" style="border: none;"
border="0" />
</div>
<!-- Script to install player and video clip into the previous player container -->
<script type="text/javascript">flowplayer("player", {src: "http://pathtoflowplayer/flowplayer.commercial-3.1.1.swf", wmode: 'transparent'},
//Set Product Key
key: '#$xx00x0xxx0000xxx0x0',
//Setup Clip options
clip: {
// in url: only change folder and filename to match video file path
url: "http://pathtovideo/myvideo.mp4",
autoPlay: true,
autoBuffering: true,
scaling: "fit"
//Setup Play options
play: {
label: null,
replayLabel: "click to play again"
);</script>
</body>
</html>
The following css tells the splash image and player to resize to the browser (or frame) and ensures that the player controls are always visible:
/* ensures that the html page and body is reset to 100 percent */
html, body {height:100%;}
/* styling for the actual flowplayer container */
div.inline-video {
display:block;
width:100%;
height:84%;
margin:0 auto;
/* styling for splash image */
img.splash {
width:100%;
height:auto;
(This code leaves RoboHelp feeling all warm and fuzzy and it doesn't feel the need to butcher it on output.) My thanks to everyone that has looked into this for me and I hope that it may prove useful to others in the future.
Many thanks,
Caz -
Flash streamed via RTMP (using Flowplayer) does not work; does in IE 9.
I have the latest Flash plug-in and Firefox 6.0.2. Flash files from YouTube work. However, Flash in Flowplayer -- using RTMP streaming -- does not load.
The following page works with latest version of Flash in IE 9:
http://www.3xconversionformula.com/replay/short
However, it simply will not load in Firefox.
I do NOT have any ad blocking plugins, etc.
The Flowplayer page actually allows you to test HTTP vs RTMP vs no streaming and Firefox hangs on RTMP. So, I believe I have found out what the bug is for you, but updating Flash will not remedy the situation. It seems to be a Firefox problem.AVG 9.0 is installed and the video (Flash in Flowplayer) works with IE 9 and Chrome.
Flash video works in Firefox, but not all Flash files. Flash in Firefox works with YouTube, Adobe's Flash website, and various other places, but not everywhere.
2 URL's are supplied above that contain Flash content that does not work with my Windows 7 (64-bit) Intel Core i7 Toshiba laptop with NVIDIA GeForce graphics card.
On the Flowplayer website -- someone who should know how to properly implement their player with Flash -- Flash does work with Firefox when HTTP and no streaming are used. However, nobody seems to note that this does not work for RTMP streaming.
So, Flash works -- sometimes -- but not all the time. However, the VERY same Flash files DO work on SAME laptop with SAME firewall and no problems with IE 9 and Chrome. Bottom line: RTMP streaming seems to be the issue with Firefox as pointed out on the following website:
http://flowplayer.org/setup/index.html
Attached images:
1. HTTP Streaming
2. RTMP Streaming - Faulty
3. No Streaming
NOTE: Website states, "RTMP The most advanced video streaming technology today."
The following 2 videos will not work with my Firefox:
http://www.3xconversionformula.com/replay/short -- uses Flowplayer as its Flash player.
http://www.schedulicity.com/Essentials/Video-Gallery.aspx -- uses Brightcove as its Flash player.
YouTube works. Also, the Brightcove website itself does work. So, its the implementation of Flash players -- not Flash itself -- that seems to be the problem. However, its not a problem with old versions of Firefox, nor IE 9 or Chrome. -
Best Extention / Plug-in for Lightbox/Shadowbox
Basic question here... We are looking for the best (easy) DW extension / plugin to display our galleries and movies on our website in the Lightbox/shadowbox style - there are **so many option** so we thought we'd come to the source and get the latest and greatestg. We are not developers, so we need it simple and straight forward. Oh, will need to work from image maps too...
Thanks,
SDWhy image maps? Why not just insert your separate images or text into page and link them the usuall way?
I can't speak to the best Lightbox as it all depends on your coding skills and which features you need to support. There are about 50 different Lightbox clones available.
Floatbox is a commercial product that can handle just about anything you toss at it. See their on-line demos.
http://randomous.com/floatbox/demo
There is a jQuery lightbox widget available free from the Adobe Widget Exchange.
1. Downloand and install Widget Browser.
http://labs.adobe.com/technologies/widgetbrowser/
2. Log-in to the exchange and add selected widgets to Widget Browser.
3. Customize and save to your DW Local Site folder.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Shadowbox problem in Default iWeb Photos Page
Hi Guys,
Ive been using shadowbox to create a pop up menu when the user clicks on the login button of my website.
http://www.sotonpcp.org then click the Login button at the top.
To do this I have:
1. Created a link to the desired page with iWeb
2. Published site to a folder
3. Used search and replace to add the shadow box code just before the </head> command
4. Used search and replace to add the shadow box reference to all links containing the Login reference
I have referenced the root directory for the shadowbox file reference so that the menu will work on all levels of the directory. (e.g. Within iWeb blog articles)
However, the problem I am having is that when i load my iWeb photo gallery, none of the albums are displayed. The shadowbox works fine, but renders my gallery page useless.
If I delete the shadowbox folder from my root directory then it works again. Re-upload it and it breaks again.
Any ideas on why this might be, and if so how do I fix it?
Best Regards,
MikeI was thinking the same thing. I guess if it's working on your iPad and my iMac it's got something to do with with the iPhone 4. Although, I'm not ruling out the idea of iWeb not being iOS 4 friendly. You'd think Apple would optimize their iWeb sites for mobile devices, because this happens whether it's on WiFi or 3G. Any other suggestions are greatly appreciated.
-
Spry, Shadowbox, and IE...damnit.
Let me first off say that I am new to XML, SPRY, and
Javascript. With that said, I've stumbled my way through. But now I
am stumped. I am having a problem with Shadowbox and Spry working
nicely together.
Here is the page in question:
www.discgotech.com/DGTweb/disc-go-tech_news_and_events.html
I've got the shadowbox working when you click on the news
events on Firefox, Safari, Camino, and Opera, but not in IE7 or 6.
Can someone tell me if there is something that I am missing in my
code? Any help you can offer will be greatly appreciated.
PeteI think one of the problems may be that you are using a
spry:detailregion instead of a plain old spry:region ... I'm not
exactly sure why you are using a detail region, but if you are
really only trying to get a specific row to be selected, then look
at the products demo to see how it is done within a region:
http://labs.adobe.com/technologies/spry/demos/products/index.html
Just an fyi, detail regions re-generate their markup anytime
the current row changes ... this means that the content in those
regions get blown away each time you click on one of your rows ...
which may be throwing shadowbox off. Switching to the spry:region
will prevent it from being blown away as you click on things.
--== Kin ==-- -
301 unable to load plugin"controls" url'flowplayer.controls-32.13.swf What is this and how to reapair this?
I have no idea what to do.Probably because "latin-9" doesn't exist?
# nano /usr/share/X11/xkb/symbols/fr
xkb_symbols "latin9" {
include "latin"
include "nbsp(level3)"
name[Group1]="French (legacy, alternative)";
key <TLDE> { [ oe, OE, leftdoublequotemark, rightdoublequotemark ] };
key <AE01> { [ ampersand, 1, dead_acute, periodcentered ] };
key <AE02> { [ eacute, 2, asciitilde, Eacute ] };
Try it without the dash (without the "-").
And don't forget to mark it as solved (by editing the first post). -
How do I get rid of flowplayer popup
A flowplayer is always coming up on the bottom right of my screen..Hate it. I have do not allow popups checked. Thank and bless you for your help.
Application Basics
Name: Firefox
Version: 24.0
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0
Extensions
Name: Adobe Acrobat - Create PDF
Version: 2.0
Enabled: true
ID: [email protected]
Name: GreatArcadeHits Add-on
Version: 1.0.0
Enabled: true
ID: {B21F5E31-B8E8-41CD-B74C-168A71A10E49}
Important Modified Preferences
browser.cache.disk.capacity: 358400
browser.cache.disk.smart_size.first_run: false
browser.cache.disk.smart_size.use_old_max: false
browser.cache.disk.smart_size_cached_value: 358400
browser.places.smartBookmarksVersion: 4
browser.startup.homepage: www.google.com
browser.startup.homepage_override.buildID: 20130910160258
browser.startup.homepage_override.mstone: 24.0
dom.mozApps.used: true
dom.w3c_touch_events.expose: false
extensions.lastAppVersion: 24.0
font.internaluseonly.changed: false
font.name.serif.x-western: Arial
gfx.direct3d.last_used_feature_level_idx: 0
gfx.direct3d.prefer_10_1: true
keyword.URL: http://search.yahoo.com/search?ei=utf-8&fr=greentree_ff1&type=219247&ilc=12&p=
network.cookie.prefsMigrated: true
places.database.lastMaintenance: 1382107050
places.history.expiration.transient_current_max_pages: 104858
plugin.disable_full_page_plugin_for_types: application/pdf
plugin.importedState: true
print.printer_Brother_DCP-7040_Printer.print_bgcolor: false
print.printer_Brother_DCP-7040_Printer.print_bgimages: false
print.printer_Brother_DCP-7040_Printer.print_colorspace:
print.printer_Brother_DCP-7040_Printer.print_command:
print.printer_Brother_DCP-7040_Printer.print_downloadfonts: false
print.printer_Brother_DCP-7040_Printer.print_duplex: 0
print.printer_Brother_DCP-7040_Printer.print_edge_bottom: 0
print.printer_Brother_DCP-7040_Printer.print_edge_left: 0
print.printer_Brother_DCP-7040_Printer.print_edge_right: 0
print.printer_Brother_DCP-7040_Printer.print_edge_top: 0
print.printer_Brother_DCP-7040_Printer.print_evenpages: true
print.printer_Brother_DCP-7040_Printer.print_footercenter:
print.printer_Brother_DCP-7040_Printer.print_footerleft: &PT
print.printer_Brother_DCP-7040_Printer.print_footerright: &D
print.printer_Brother_DCP-7040_Printer.print_headercenter:
print.printer_Brother_DCP-7040_Printer.print_headerleft: &T
print.printer_Brother_DCP-7040_Printer.print_headerright: &U
print.printer_Brother_DCP-7040_Printer.print_in_color: true
print.printer_Brother_DCP-7040_Printer.print_margin_bottom: 0.5
print.printer_Brother_DCP-7040_Printer.print_margin_left: 0.5
print.printer_Brother_DCP-7040_Printer.print_margin_right: 0.5
print.printer_Brother_DCP-7040_Printer.print_margin_top: 0.5
print.printer_Brother_DCP-7040_Printer.print_oddpages: true
print.printer_Brother_DCP-7040_Printer.print_orientation: 0
print.printer_Brother_DCP-7040_Printer.print_page_delay: 50
print.printer_Brother_DCP-7040_Printer.print_paper_data: 1
print.printer_Brother_DCP-7040_Printer.print_paper_height: 11.00
print.printer_Brother_DCP-7040_Printer.print_paper_name:
print.printer_Brother_DCP-7040_Printer.print_paper_size_type: 0
print.printer_Brother_DCP-7040_Printer.print_paper_size_unit: 0
print.printer_Brother_DCP-7040_Printer.print_paper_width: 8.50
print.printer_Brother_DCP-7040_Printer.print_plex_name:
print.printer_Brother_DCP-7040_Printer.print_resolution: 0
print.printer_Brother_DCP-7040_Printer.print_resolution_name:
print.printer_Brother_DCP-7040_Printer.print_reversed: false
print.printer_Brother_DCP-7040_Printer.print_scaling: 0.70
print.printer_Brother_DCP-7040_Printer.print_shrink_to_fit: false
print.printer_Brother_DCP-7040_Printer.print_to_file: false
print.printer_Brother_DCP-7040_Printer.print_unwriteable_margin_bottom: 0
print.printer_Brother_DCP-7040_Printer.print_unwriteable_margin_left: 0
print.printer_Brother_DCP-7040_Printer.print_unwriteable_margin_right: 0
print.printer_Brother_DCP-7040_Printer.print_unwriteable_margin_top: 0
privacy.sanitize.migrateFx3Prefs: true
storage.vacuum.last.index: 1
storage.vacuum.last.places.sqlite: 1380817365
Graphics
Adapter Description: NVIDIA GeForce GTX 660
Adapter Drivers: nvd3dumx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um
Adapter RAM: 2048
ClearType Parameters: Gamma: 2200 Pixel Structure: RGB ClearType Level: 100 Enhanced Contrast: 200
Device ID: 0x11c0
Direct2D Enabled: true
DirectWrite Enabled: true (6.2.9200.16571)
Driver Date: 1-18-2013
Driver Version: 9.18.13.1106
GPU #2 Active: false
GPU Accelerated Windows: 1/1 Direct3D 10
Vendor ID: 0x10de
WebGL Renderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 660 Direct3D9Ex vs_3_0 ps_3_0)
windowLayerManagerRemote: false
AzureCanvasBackend: direct2d
AzureContentBackend: direct2d
AzureFallbackCanvasBackend: cairo
JavaScript
Incremental GC: true
Accessibility
Activated: false
Prevent Accessibility: 0
Library Versions
NSPR
Expected minimum version: 4.10
Version in use: 4.10
NSS
Expected minimum version: 3.15.1 Basic ECC
Version in use: 3.15.1 Basic ECC
NSSSMIME
Expected minimum version: 3.15.1 Basic ECC
Version in use: 3.15.1 Basic ECC
NSSSSL
Expected minimum version: 3.15.1 Basic ECC
Version in use: 3.15.1 Basic ECC
NSSUTIL
Expected minimum version: 3.15.1
Version in use: 3.15.1 -
Hello to all,
This post is in regards to a way to view online content
(video, pictures, docs, site, etc) that is called Shadowbox. If
you're not familiar with it, here you go:
http://www.mjijackson.com/shadowbox/
I am a wedding videographer and I am trying to have my sample
videos on my site in Shadowbox (encoded as .flv). My current
situation is that I hired someone to build my site (I am a video
producer and I have no knowledge of website design, coding, or
anything else. So, I bought this application called DV Kitchen (
http://www.dvcreators.net/dv-kitchen/)
and encoded my files to flv and uploaded them to my ftp server and
gave my guy the html code to simply copy and paste into my site. DV
Kitchen is an program that encodes my Final Cut Pro videos to .flv,
then uploads the files to my ftp site, and also give me html code
to embed the video into my site. I didn't know that Flash didn't
like html code, if I did I would have told the guy to just use
Dreamweaver.
I thought that this would be simple, since I was able to get
this to work on my wordpress blog very easily. But my web designer
designed my site in Flash and is still trying to figure out all the
technical aspects of it. He said that he did this so that I could
use the font that I liked (Alexa) and to have a little animation as
the home page opens. Anyway, this is what he has gotten to:
http://www.reelmemories.ws/ourfilms.htm
Just click on the buttons to the left to play each video.
Here are the problems that we are having:
-The first thing that I notice and don't like is that the
five videos are not connected to each other. You can't scroll back
and forth from each video to the next.
-The second, is that I have one video that is 4x3, but the
Shadowbox is still 16x9 with the 4x3 video in the middle. So there
are black bars on the left and right side of the frame.
-Third is that when you click on each button, the background
image and buttons (that were created in flash) disappear instead of
just going dim.
-And lastly, I'm not sure if this is happening only on my
end, but when you click on each button, the Shadowbox animation
creates something that my mac and pc screens flicker very slightly.
Basically, the animation doesn't look very clean.
Here are the steps that my guy did to achieve what he has so
far:
In the Flash project
-Right click on each button
-Go to Actions
-Wrote this code in the box to the right:
on (release) {getURL("javascriptpenShadowbox('
http://reelmemories.ws/beau/dv_kitchen_videos/rm-jonmelwright-trailer-h264-720x480-16x9-01 -1.flv',
'flv', 'Jon and Mel Trailer');");
Now again, I don't really know what this means. But, I have
had full success putting my videos on my Wordpress blog.
http://www.reelmemories.ws/blog/
Of course, I didn't use any of the DV Kitchen's code for
this, I just added the Shadowbox JS plugin, and used this code for
my links:
<a title="Tanya +Charles Highlight"
rel="shadowbox[album];height=288;width=512" href="
http://www.reelmemories.ws/beau/dv_kitchen_videos/rm-tanyacharlesstrom-h264-122908.flv">Ta nya
+Charles Highlight</a>
And it worked great. Everything just like on the DV Kitchen
site.
I think that's it. I apologize for the novel that you just
read, but if anybody out there has any suggestions for me I would
be so thankful. I downloaded the trial version of Flash CS4, and I
think I can get the trial for Dreamweaver as well if needed. But of
course I only have 28 days remaining.
Thanks again,
-Beau-While it doesn't appear to be a standard feature of the API,
it looks like it would be possible to adapt the code to allow for a
progression of movies, either in the Javascript of ShadowBox, or by
using an .swf to house the .flv files.
All of the .flv files are set to open to the same size: 512
by 288. This can also be fixed by using unique player sizes for
each .flv.
Loosing the image of the Flash page may be a function of the
way that the overlay works. It probably looks at the html only, not
the flash file that's embedded in the html.
I didn't see any flicker. -
Using Shadowbox in a detailregion
I read some threads here and examined some source code and
got Shadowbox working on images in a region. Basically, the region
reads in the dataset, which is a list of images. The spry:repeat
creates a <span> for each imafe and link tag. The
detailregion is a hidden div. I set an observer to that hidden
detailregion which loads the Shadowbox when the detailregion
changes.
Here is the page that shows that working:
http://new.eliteportablerestrooms.itlogic.org
Now here is my problem. I want to do something similar,
except this time the images are in a detailregion instead of a
region. In the dataset, I have a list of products. In the product
record, I have 10 image fields available. I read the product list
into a Spry table, then when I click the record in the table, I set
an accordian with the associated data. One panel in the accordian
is a detailregion that shows the 10 image fields. I gave that panel
an id="productGallery". Then I set up and observer to watch the
detailregion productGallery. But, this doesn't seem to work like it
does in the page linked above.
I was thinking that whenever I clicked on a record in the
Spry table, it would update the detailregions and the observer
would load Shadowbox. Here is the link to the page that's not
working:
http://new.eliteportablerestorooms.itlogic.org/products.htm
I'm using Dreamweaver CS3 and Spry 1.6.1Thanks, but unfortunately that example is using 2 regions
that are linked in the dataset. Not a region and a detailregion. I
have another constraint that limits me. I'm using HTML datasets
instead of XML. I do this so I can create a table with a repeating
region. This gives clients the opportunity to purchase Contribute
and maitain their own data in those tables. Most of them aren't
familiar with XML, but tabels aren't so foreign. Besides, they get
that nice little add/subtract/reorder tool for repeating regions.
Anyway, my point is I'm trying to keep the dataset to one
table so I added 10 image fields. Each of those fields holds the
image of a product. The images are displayed as a grid of
thumbnails in the accordion panel. The accordion is filled with
that and other data from the dataregion that is linked to the
region which displays the list of products.
So, it's those 10 thumbnails in the dataregion that I'm
trying to attach to Shadowbox. Normally, you would create a region
and then a spry:repeat would read the images from the dataset to
create the thumbnail grid. In that scenerio I have it working fine.
It's when you click a product from the list in the region and then
it updates the thumbnails in the detailregion, is where I'm having
problems.
I hope that made some sence. -
Spry HTML dataset and Shadowbox
Hi,
i have this test page www.for-sale.nl/v3/test.html
I have an spry HTML dataset. I want if you click on the thumnail {Thumb_1}, the mainImage {Image_1} appear in the shadowbox. but now when you click on the thumbnail, nothing happens! it's not finding the image source from the dataset..
Does anybody know whats wrong?
Thanks in advance.This is the source code for your data
<!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>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="10" id="cases">
<tr>
<td><strong>Text</strong></td>
<td><strong>Titel</strong></td>
<td><strong>Thumb 1</strong></td>
<td><strong>Image 1</strong></td>
<td><strong>Thumb 2</strong></td>
<td><strong>Image 2</strong></td>
<td><strong>Thumb 3</strong></td>
<td><strong>Image 3</strong></td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Aenean ac metus sed urna<br />
viverra lobortis. Pellentesque vel quam id nunc<br />
molestie accumsan ut quis erat. Mauris quis<br />
massa mi. Praesent id eros.</td>
<td>Debitel Shop</td>
<td><img src="images/cases/creatief/thumbs/thumb1.jpg" class="thumb" width="160" height="160" /></td>
<td><img src="images/cases/creatief/mainimage1.jpg" width="480" height="480" /></td>
<td><img src="images/cases/creatief/thumbs/thumb2.jpg" class="thumb" width="160" height="160" /></td>
<td><img src="images/cases/creatief/mainimage2.jpg" width="480" height="480" /></td>
<td><img src="images/cases/creatief/thumbs/thumb3.jpg" class="thumb" width="160" height="160" /></td>
<td><img src="images/cases/creatief/mainimage3.jpg" width="480" height="480" /></td>
</tr>
</table>
</body>
</html>
What is wrong with having an extra column called image_source or similar and placing images/cases/creatief/mainimage1.jpg in that column. You can rhen use the source in the Spry region as <img src="{image_source}" width="480" height="480 /> -
Shadowbox (lightbox) and spry
Hi,
I have a question. I am trying to get spry working with the
new lightbox version: shadowbox but somehow it doesn't work. Here
is my example page maybe someone has a solution.
http://www.jt.nl/media/ew/jtbioscopen/mark/trailers/index.htmlSorry if im not getting the explanations in these post but i
am having real trouble here.
I have a div id="ssc" that is hidden on a page (it is going
to have a detail region from a spry data set named rsSS)
I use thickbox to show that div.
On the main page i have a spry table with each row will have
an edit buttion. This edit button will open the thickbox. and
seeing that the edit button already getting repeated in each row,
by clicking on the button it sets the detail region because it is
in the row that has the onclick event that has the code to set the
detail region.
This code for the button works on other pages i have when it
isnt located in a spry region.
<input type="button" name="button4" id="button4"
value=">"
alt="#TB_inline?height=550&width=700&inlineId=ssc"
title="Add Invoice" class="thickbox"/>
But as soon as you put it in the Spry:Region=" rsSS" that no
longer works. Nothing happens not even an error.
Can someone help me with the coding
Here is my coding that is important
Head-
<script type="text/javascript"
src="../../Scripts/jquery.js"></script>
<script type="text/javascript"
src="../../Scripts/thickbox.js"></script>
<link rel="stylesheet" href="../../css/thickbox.css"
type="text/css" media="screen" />
<script src="../../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../../SpryAssets/SpryData.js"
type="text/javascript"></script>
var rsSS = new
Spry.Data.XMLDataSet("../../rstoxml/ssDetail.php?SubID=<?php
echo $row_rsSSphp['SubID']; ?>", "export/row",{useCache:false});
Body-
<div id="ssc" spry:region="ssCont rsSS">
<div spry:choose="choose">
<div spry:when="{ds_RowCount} == 0">
<table width="100%" cellpadding="2" cellspacing="0"
height="111" class="panelRating">
<tr>
<td height="69" align="center"
valign="middle"><strong>There are no
Contacts</strong></td>
</tr>
<tr>
<td height="40" align="center" valign="middle">
<input type="button" name="button3" id="button3"
value="Add Contact"
onclick="document.getElementById('apDiv1').style.display=(document.getElementById('apDiv1 ').style.display==
'block')?'none':'block';" /> </td>
</tr>
</table>
</div>
<div spry:when="{ds_RowCount} > 0">
<table width="100%" cellpadding="2" cellspacing="0"
class="paneltable">
<tr class="panelheaders">
<th width="4%" align="left"> </th>
<th width="20%" align="left"
spry:sort="SubCLName">Name</th>
<th width="15%" align="left">Phone</th>
<th width="9%" align="left">Ext:</th>
<th width="14%" align="left">Cell:</th>
<th width="19%" align="left">Email:</th>
<th width="19%" align="left"> </th>
</tr>
<tr spry:repeat="ssCont" spry:setrow="ssCont"
spry:odd="TBRowOdd" spry:even="TBRowEven" spry:hover="TBRowHover"
>
<td><input type="checkbox" name="DelC[]"
id="DelC[]" value="{ssContactID}" /></td>
<td align="left">{SubCLName}, {SubCFName}</td>
<td><div spry:choose="spry:choose">
<div spry:when="'{SubCPhone}' >
''">{SubCPhone}</div>
<div
spry:default="spry:default">{rsSS::SubPhone}</div>
</div></td>
<td>{SubCExt}</td>
<td>{SubCCell}</td>
<td>{SubCEmail}</td>
<td><input type="button" name="button4"
id="button4" value=">"
alt="#TB_inline?height=550&width=700&inlineId=apDiv2"
title="Add Invoice" class="thickbox"/>
<input type="button" name="Outlook" id="Outlook"
value="Outlook"
onclick="MM_openBrWindow('../../Scripts/vcardSSC.php?ssContactID={ssContactID}','','width =200,height=100')"
/>
<input name="EmailContact" type="button"
id="EmailContact"
onclick="MM_openBrWindow('mailto:{SubCEmail}','','')"
value="Email"/></td>
</tr>
<tr>
<td align="center" valign="middle"
colspan="7"><input type="submit" name="ssContactDel"
id="ssContactDel" value="Delete" />
<input type="button" name="button3" id="button3"
value="Add Contact"
onclick="document.getElementById('apDiv1').style.display=(document.getElementById('apDiv1 ').style.display==
'block')?'none':'block';" /></td>
</tr>
</table>
</div>
</div>
</div> -
Running Shadowbox inside an htmlpanel
I am trying to run Shadowbox from within an htmlpanel. Shadowbox is working on the main page but not from inside the html panel.
here is a link-
http://jpkelly.net/
the link titled "No.7" loads the htmlpanel with the Shadowbox link, click on large image.
the link titled "test" calls Shadowbox from the main document and is working.
I have tried using observers to init Shadowbox onPostUpdate but it still does not work.
Any ideas?I had done this but since I had Shadowbox.init(); in the head as well I think the second Shadowbox.init(); (in the observer) was ignored. With the Shadowbox.init(); only in the observer function it is giving an error I believe because it cannot find the adaptor.
-
Having a problem running flowplayer pausing all the time on live stream webcast
On multiple occasions, I have attempted to watch live internet webcast that uses "flowplayer" ...when the webcast starts to play, every few seconds ther is a pause and when it begins to play again it has skipped some of the content
Nudge?
Surely I cannot be the only person with this issue?
Cheers
Paul -
How do i download flowplayer videos
I can not seem to download videos I can watch online that use the Flowplayer technology. Is there a way for me to do this?
I am using a iMac with 10.5.6 software.alan_mehio wrote:
hi javaruna,
Is your question related to java, if not please do not post here
Thanks
Regards,
Alan Mehio
London,UKAlan, what does your post tell that mine doesn't?
Maybe you are looking for
-
hi experts, what is line item dimention. when it is used.what is the importence of it in creating cube puli
-
FONTS NOT SHOWING UP IN ILLUSTRATOR
Help! I have over 200 fonts that would originally show up in the font list on Illustrator...but now it's only showing around 10. I can access them in other programs. What do I do?
-
I'm sending a php form to an email address. The form does send to my email and a message sent page is working for the user filling in the form. However, I need to put the name, address, and phone number included with the message that is sent to the e
-
CProjects - Issue related to WFM & Project role
Hello All, Immediately after log-on I see two errors: "Communication with the WFM Core system is not possible" "Unable to establish connection to LiveCache" Ignoring these message, if I go ahead creating project, system allows me to create the projec
-
Globally change hyperlinks to open in new window
Hi I have imported a huge FrameMaker book which has about 30 hyperlinks to URLs spread across multiple topics. So, is there a way I can globally configure all URLs to open in a new window after importing the book into RH? I did not use "_targe=blank"