jCarousel Lite not working when using Transitional Doctype in the HTML

Question

I am using jCarousel Lite for a slider from this jCarousel Lite

But when i place this

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

it stops working.How can be jCarousel Lite working with Transitional Doctype??Any help please.

The Doctype should trigger Standards mode. The Doctype used on the jCarousel Lite demo also uses a Doctype that triggers standards mode. It shouldn't cause it to break. — Quentin, Sep 11 '12 at 06:15

score 0 · Answer 1 · edited May 23 '17 at 11:57

Use the following process to troubleshoot:

Convert the working JCarousel HTML page to a data URI

Add that data URL to the XHTML page using an object element:

<object type="text/html" data="data:text/html;charset=utf-8;,%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3Cp%3EXHTML%20is%20the%20best%3C%2Fp%3E%3C%2Fbody%3E%3C%2Fhtml%3E"></object>

If it works, then it is a markup generation issue
If not, then it is a browser specific issue

jCarousel Lite not working when using Transitional Doctype in the HTML

1 Answers1