I wanted to know, how I can use more than one light boxes from Lightbox2 on a one-pager.
It works but its all in one Gallery.
How can I divide that galleries to be separated in a Lightbox?
Please help.
I am using the following within the html:
Initial symbol deleted at beginning to get it to get it to display!
a href="photos_2021/photo1.jpg" data-lightbox="member" data-title="Text to display">
.... and again!
img src="photos_2021/photo1.jpg" alt="Text to display"/>
As an aside, Note that the thumbnail photo is the same as the actual photo to be displayed - saves on having to produce 2 versions.
The word "member" defines which group of photos it is part of so you can add "member2","member3" etc. for different groups of photos within the same page.
Related
I have found the library
PDF creation
With this library it is possible to create different styles of pdf documents.
My question would be if there is a possibility to mark text (and maybe add a link to this marked text) of an existing pdf file with AngularJS?
Or is there any workaround to do this?
The question is a bit too broad as is - not sure what you mean by "mark" - do you mean highlighted in some way or actually selected?
Anyhow, firstly to get to the correct page -- you can use fragment identifiers in hyperlinks to link to a specific page in a PDF via the page parameter. e.g.
page 1
page 2
If you want to highlight a specific section of a page, via a hyperlink, you can use the highlight parameter, note you must also set the page to use the highlight parameter. e.g.
page 1 - highlight
The rectangle values are integers in a coordinate system where 0,0 represents the top left, and the values are given in the order lt, rt, top, btm.
One can also open a PDF file to a "Named Destination", that is a named section in the document via the nameddest parameter. e.g.
my section
This is great as it doesn't matter if pages are inserted, removed etc as the section will always be correctly linked.
You can read about Named Destinations here and also the various Parameters for Opening PDF Files
I have a weird error with jwplayer.
I configure it from a Angular JS Controller and load it with a simple preview button which loads the jwplayer with the requested conf.
As simple as this.
jwplayer(id).setup(config);
I have a skin and the skin colors (active, inactive, background) configured.
The issue happens when I click the preview button. Sometimes the player loads with the correct colors and sometimes the player loads with the default skin colors.
Every other jwplayer property get loaded correctly. If I change the skin model it will always load that model but will have the same issue with the colors.
I ran a jwplayer(attribute_id).getConfig() to check which conf has been loaded in both cases and they are exactly the same.
So how is it possible the jwplayer has the skin colors loaded but they don't work in some cases?
Skin related conf obtained from the js api:
skin: "seven"
skinColorActive: "#FFFFFF"
skinColorBackground: "#3B0239"
skinColorInactive: "#EE2A7B"
skinUrl: undefined
The player's version I am using is the 7.4.3
UPDATE
I figured out the issue. I have a function to random generate (number and characters) jwplayer id's in case I have a couple of jwplayers in the same page they have different ids.
Every time I generated a new jwplayer it would use a different id. So I noticed the colors weren't working when the jwplayer id was starting with a number.
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed by any number of letters, digits ([0-9]), hyphens ("-"),
underscores ("_"), colons (":"), and periods (".").
So for some reason although the JQuery selector was wrong, just the colors weren't working, the rest of the setup was working fine.
I assume the CSS couldn't work with a wrong id selector and that's why the colors wouldn't show up...
Skin changes are implemented in your CSS file or within <style></style> tags in the header. It looks like your config file is attempting to pull them into the JavaScript player setup. Here are guidelines for designing and implementing your own skin: https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_creating/
Additionally, I would ensure that you're referencing the correct playback states (idle, buffering, playing, paused) as defined in the JavaScript API when you call for the skin change: https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_reference/#playback
I figured out the issue. I have a function to random generate (number and characters) jwplayer ids in case I have a couple of jwplayers in the same page they have different ids.
Every time I generated a new jwplayer it would use a different id. So I noticed the colors werent working when the jwplayer id was starting with a number.
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
followed by any number of letters, digits ([0-9]), hyphens ("-"),
underscores ("_"), colons (":"), and periods (".").
So for some reason although the JQuery selector was wrong, just the colors werent working, the rest of the setup was working fine.
I assume the CSS couldnt work with a wrong id selector and that's why the colors wouldnt show up...
I wrote a gae python script that would put in different ticker symbols to stockcharts.com and it will grabe the chart image by link using urllib2.
I'm successful in grabbing a list of the chart image links, however, when i try to feed them through a page stockcharts.com won't let me.
Instead of the chart image, it will show "Please visit stockcharts.com to view this chart"
This is an example link:
http://stockcharts.com/c-sc/sc?s=FUN&p=D&yr=1&mn=0&dy=0&i=p97813671848&r=1395885608674
How do i go around that? I want to be able to view the charts i want in 1 single page by loading all the images.
If i take the links and put them in the browser one by one it would work.
for i in range(0,len(charts)):
self.response.out.write('<img src="' + charts[i] + '"><BR>')
thanks!
In Joomla I have the following situation:
I have an article (a page) that i declared in articles, the "products page". I did not enter any text or html in it.
I went to Module Manager and declared 3 modules (with text and html inside). The 3 modules are describing the 3 products that the company offers. Also I set the 3 modules to be placed in specific places (POSITIONS). I am using Gantry as a template, and the positions for the 3 modules are utility-a, utility-b and utility-c.
In each module, I chose the menu assignment, so that the modules will be shown in a specific page: the products page.
In MainMenu, I have a menu Item called "Products" that points to the empty article and is: index.php?option=com_content&view=article&id=2. Also in this menu item, I checked the Module Assignment, to see if the utility modules are shown and yes, they appear as "Display:yes"
NOW: When I access the "products page" from the main menu, the page shows up and contains the 3 utility modules, so everything is ok. But if I want to access this product page from a (manual)link (a href with the src above) inside a different page, then the product page shows up empty, like there is nothing on the page. I mean those utility modules do not show up. Only the empty article is shown.
How can I make the modules to show up?
Thank you
I solved it. I had to make a manual change to the link used as src. I had to add &Itemid=yyy at the end of the page link, and the yyy is the ID.
The useful documentation is here: http://docs.joomla.org/How_to_control_module_display_when_linking_to_an_article_with_no_menu_item
Thank you. Problem solved
I'm making a website in drupal 7 and need some help.
I created a content type called Itenary where user will upload information and five images.
The images I have taken as Image1, Image2.... Image5 as fields of type image pf the itenary content type.
Now I wish to show these images as something like this
So I go to the views module -> add new view
Now when I had tried this before, I had selected
Show content of type itenary
And it didn't work as I hoped.
So this time, I chose
Show File of type Image
I hope this is the right option for my need.
Then I went to create a block, gave it a name.
Now my dilema is how do I bring those fields of Image1 Image2 .. Image5 into this block ?
The fields it shows by default are related to files and not the field of my content type.
Make sure you have the following steps checked.
1- Try to download jQuery cycle plugin.
2- Create a folder a new folder sites/all/libraries/jquery.cycle and place jquery.cycle.all.js file inside it.
3- Go and test the results :).
Hope this works... Muhammad.