owl carousel or an image gallery view for mobile app - css

i already have a website which has a static image(only one)
I am planning to enhance the look of the website on the cellphone.
Since i am a rookie, i am confused with using an owl-carousel template or an image-swipe view as you find on eBay where you can click on small thumbnail to view that particular image.
i have a doubt with the speed of page load.
I am using Apache Cordova to get the code working on Android.
Thank you in advance for your help....! :-)

So you are asking that when user will click on image, the image will expand.
To do this there is one jQuery plugin available here Now go to this website and download this plugin and integrate it on your website.
All the instruction is available for how to integrate it and also when you download plugin there is demo file so that you can easily learn how to integrate it.
Hope this helps.

Related

Swiper JS for wordpress

as I already found great help here in the community, I thought I'd post my question here, maybe there'd be somebody who could help me.
I am creating my websites in wordpress and found a great tool for creating an image carousel. As I am more of an intermediate in wordpress and mainly working with plugins, I found the swiper JS plugin in the wordpress plugin directory. It works fine but I have the problem that it won't loop and you can't get to the first and last image of the carousel, it always snaps back to the second and second to last image.
https://wordpress.org/plugins/swiper-js-slider/
This is the one I am using right now.
My question also is how I can use the Swiper JS in wordpress without using the plugin. I want to have it specifically on one page and it should be mobile friendly. All the design that already is on the page should be remain as it is. Would there be a possibility to include the Swiper Js tool even though I am using a wordpress theme?
Thank you so so much, it is really hugely appreciated!
Linda
Only worked with the plugin so far, no css helped...
Using WP custom code.
We assume your words "the plugin" are about that exact SwiperJS plugin.
Have you considered using an iFrame? See lower web links.
An iframe will allow you to add a video, audio, images, etc., so presumably even a slider lands in that category. Try this avenue first to see if it works for your needs. Read about WP iframe use in the links below.
<iframe src="test7.html" width="600" height="300" style="border:1px solid black;" title=""></iframe>
Or...
Other snippet plugin options exist (read developer docs). There are pro/con to some of those options (i.e. time, etc). Read developer resources (from an WP admin perspective) for more ideas.
wordpress iframe
kinsta article
WP developers articles

WordPress Plugin for video banner?

I'd like to have a video banner on my WordPress site pages. I saw the following site (http://pictoryproductions.com/) and they have exactly what I would like to do on my site. However, I'm not sure what plugin they used to accomplish this. Could anyone just point me in the right direction?
I'm fairly new to WordPress, so if anyone can suggest what plugin to use, or if there is functionality already in place in WordPress for this how I can use it to get the effect I want.
UPDATE
As per the requirement to show what has been done so far to achieve the result I want, I have created a PHP page that uses the HTML 5 video tags to embed the video I want, with the PNG overlay. I then embed the page using an iframe tag from within WordPress. The problem is I have to create a new PHP page for each WordPress page I want with this layout when it needs a different video and overlay png image.
Thank you!!!
To avoid an opinionated answer on what I think is the best plugin to use, I just did a simple View Page Source on the site you posted and picked through to find where that video banner is displayed. It references a lot of classes and stuff labeled "mejs" which I think refers to a mediaelement.js plugin found here:
https://wordpress.org/plugins/media-element-html5-video-and-audio-player/

Show YouTube video main page Drupal

I would like to show a youtube video when someone arrives on my drupal website. So basically, I want to launch a video in the main page as an overlay to the site.
How could I do? If it is possible without installing any modules?
I'd really appreciate any help, Thanks.
Regards.
You could use a JavaScript modal to act as the container to play the YouTube video.
Then use PHP sessions to determine if the JS modal has to be launched or skipped.

Can someone please explain how to integrate open graph & Like button into wordpress?

I am trying to implement Open Graph and the “Like” button on my wordpress website. I want to have the Like button positioned directly beneath a youtube video posted on one of my wordpress pages.
I have watched the facebook open graph video explaining the code to put onto your page, but it doesn’t explain how to do it in wordpress. I have researched several wordpress plugins that implement open graph into your site, but they all seem to take data from the site itself and automatically implement it into the open graph data. It also seems to me that using the “Like” button wordpress plugins, the like button is automatically placed either at the top or bottom of the page or in the sidebar.
Can anyone please help me understand exactly how to implement the open graph code into wordpress in a manner where I can control all the parameters of the code (image, url, site name, description, etc), and how to implement the Like button directly underneath of the video on my webpage?
Thanks,
It doesn't matter if it's "for Wordpress" or not. Wordpress is a framework, not a language. Use the Like Button Tool to generate the code you need for ANY Page - Wordpress or otherwise - and read up on the Open Graph Protocol to give you an idea on how to write your <head> section.
Facebook's Debugging Tool will also help you with any caching issues you may be experiencing, along with lots of extra information you might find useful in regards to your website.

Preview theme in drupal

I am using drupal for the first time. I have successfully developed my first drupal website to a certain extent. I have used my own custom theme for the front-end and blue marine theme for administrator. Now my client's requirement is that when he clicks on preview button before submitting the page in admin panel, he wants to see the preview in a pop-up window with the front-end's theme. Please help me with your ideas and suggestions on how to achieve this?
When you set the administration theme, leave the "Use administration theme for content editing" unchecked. This should allow content creation / previewing in the "front-end" theme.
EDIT: Assuming you are using Drupal 6.x
Have you seen this module - http://drupal.org/project/pagepreview it aims to give you what the page will look like on the front-end theme.
There are some caveats though, for instance the menu will not be correct if this is a new node
As far as I know Themeing is a complicated process in Drupal, it involves many modules and hooks, so I don't think it's an easy task for a module (maybe) to do that, or in core like Wordpress.
I'm working on getting a nice solution to this too. I won't post the code yet cos it's a work in progress, but essentially I make an ajax call to retrieve a known node and then replace the node content of that page with the content of the preview box before showing the merged page in a popup window.
If it works out alright I might make a module out of it.
This might help: https://www.computerminds.co.uk/drupal-code/making-accurate-responsive-node-preview-drupal-7
Patches the Page Preview module with some of the Responsive Theme Preview modules functionality for viewing the page at different screen sizes in the preview panel.
Page preview's caveats still apply though.

Resources